:root{
  --auth-ink:#07143a;--auth-blue:#006bff;--auth-blue-dark:#0048c8;--auth-muted:#526b9a;
  --auth-line:#c7d8f6;--auth-bg1:#f8fbff;--auth-bg2:#eaf3ff;--auth-bg3:#e6eeff;
  --auth-card:#fdfefe;--auth-shadow:0 28px 70px rgba(37,83,165,.16);
}
*{box-sizing:border-box}
html,body{min-height:100%}
body.auth-page{margin:0;min-height:100vh;color:var(--auth-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 14% 23%,rgba(107,165,255,.28),transparent 28%),radial-gradient(circle at 84% 18%,rgba(122,104,255,.19),transparent 26%),linear-gradient(135deg,var(--auth-bg1) 0%,var(--auth-bg2) 48%,var(--auth-bg3) 100%);overflow-x:hidden}
body.auth-page::before,body.auth-page::after{content:"";position:fixed;z-index:0;pointer-events:none;border:1px solid rgba(255,255,255,.86);background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(120,166,255,.18));box-shadow:0 18px 52px rgba(46,89,174,.11);backdrop-filter:blur(12px)}
body.auth-page::before{width:300px;height:190px;left:-92px;top:260px;transform:rotate(-8deg);border-radius:2px}
body.auth-page::after{width:215px;height:350px;right:-65px;top:215px;transform:rotate(10deg);border-radius:2px}
.auth-topbar,.topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1480px,100%);margin:0 auto;padding:22px clamp(20px,4.6vw,70px)}
.auth-brand,.brand{display:flex;align-items:center;gap:11px;color:var(--auth-ink);text-decoration:none}.auth-mark,.mark{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--auth-blue),#6c64ff);border-radius:12px;box-shadow:0 10px 25px rgba(0,107,255,.24)}.auth-mark svg,.mark svg{width:22px;height:22px}.auth-brand strong,.brand strong{display:block;font-size:18px;letter-spacing:-.025em}.auth-brand small,.brand small{display:block;margin-top:2px;color:var(--auth-muted);font-size:10px;font-weight:700}
.auth-nav{display:flex;align-items:center;gap:28px}.auth-nav a{color:#143a79;text-decoration:none;font-size:12px;font-weight:750}.auth-language,.language{display:flex;gap:2px;padding:3px;border:1px solid #cedcf4;background:rgba(255,255,255,.72);border-radius:9px}.auth-language button,.language button{border:0;background:transparent;color:#42608e;padding:7px 9px;border-radius:7px;font:800 11px/1 inherit;cursor:pointer}.auth-language button.active,.language button.active{background:#fff;color:var(--auth-blue-dark);box-shadow:0 3px 10px rgba(45,86,166,.10)}
.auth-stage{position:relative;z-index:2;width:min(1180px,calc(100% - 28px));min-height:690px;margin:8px auto 0;display:grid;place-items:center;padding:42px 18px 110px}.auth-stage::before{content:"";position:absolute;left:0;top:145px;width:250px;height:185px;background:linear-gradient(145deg,rgba(37,107,255,.20),rgba(122,103,255,.13));border:1px solid rgba(255,255,255,.86);box-shadow:0 18px 42px rgba(35,78,160,.10);transform:rotate(7deg);border-radius:2px}.auth-stage::after{content:"";position:absolute;right:18px;top:105px;width:160px;height:265px;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(104,151,255,.18));border:1px solid rgba(255,255,255,.88);box-shadow:0 18px 42px rgba(35,78,160,.10);transform:rotate(8deg);border-radius:2px}
.auth-tagline{position:absolute;z-index:2;left:0;top:315px;color:#0062ff;font-size:25px;line-height:1.27;letter-spacing:-.03em;max-width:185px}.auth-tagline small{display:block;margin-top:92px;font-size:10px;line-height:1.65;font-weight:800;letter-spacing:.02em}
.auth-card,.card,.shell{position:relative;z-index:3;width:min(470px,100%);padding:42px 38px;background:rgba(255,255,255,.90);border:1px solid rgba(95,132,202,.22);border-radius:2px;box-shadow:var(--auth-shadow);backdrop-filter:blur(20px)}
.auth-card h1,.auth-card h2,.card h1,.card h2,.shell h1{margin:0 0 10px;text-align:center;font-size:34px;line-height:1.05;letter-spacing:-.045em;color:#07122e}.auth-card>.auth-subtitle,.auth-card>p,.card>p,.shell>p{margin:0 auto 24px;max-width:360px;text-align:center;color:var(--auth-muted);font-size:13px;line-height:1.55}
.auth-field,.field,label.auth-field{display:grid;gap:7px;margin:13px 0;color:#243c69;font-size:11px;font-weight:850;text-transform:none;letter-spacing:0}.auth-field input,.field input,.shell input,.login input{width:100%;height:50px;border:1px solid #bfd1f0;border-radius:8px;padding:0 14px;background:rgba(255,255,255,.92)!important;color:#071327!important;-webkit-text-fill-color:#071327!important;caret-color:var(--auth-blue)!important;font:600 15px/1.2 inherit;outline:none;transition:border .18s,box-shadow .18s}.auth-field input:focus,.field input:focus,.shell input:focus,.login input:focus{border-color:var(--auth-blue);box-shadow:0 0 0 3px rgba(0,107,255,.11)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#071327!important;box-shadow:0 0 0 1000px #fff inset!important;caret-color:var(--auth-blue)!important}
.auth-row,.password-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-link,.forgot{border:0;background:none;color:#005ee8;text-decoration:none;font:800 11px/1 inherit;cursor:pointer;padding:0}.auth-primary,.submit,.btn,#signin,.shell button[type="submit"],.login button[type="submit"]{width:100%;min-height:50px;border:0;border-radius:8px;background:linear-gradient(90deg,#0068ff,#157cff);color:#fff;font:850 14px/1 inherit;cursor:pointer;box-shadow:0 12px 24px rgba(0,105,255,.20);transition:transform .16s,box-shadow .16s}.auth-primary:hover,.submit:hover,.btn:hover,#signin:hover,.shell button[type="submit"]:hover,.login button[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(0,105,255,.24)}.auth-primary:disabled,.submit:disabled,.btn:disabled,#signin:disabled{opacity:.58;cursor:not-allowed;transform:none}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#5b6f92;font-size:11px}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:#cedaf0}.auth-social{display:grid;gap:9px}.auth-social button{width:100%;min-height:44px;border:1px solid #bfd1f0;border-radius:8px;background:#fff;color:#071327;font:750 12px/1 inherit;cursor:pointer}.auth-foot{text-align:center;margin-top:18px;color:#304d7e;font-size:11px}.auth-foot a{color:#005ee8;font-weight:850;text-decoration:none}
.status,.msg{min-height:18px;margin-top:13px;font-size:12px;line-height:1.5}.status.error,.msg.error{color:#b42318}.status.success{color:#087443}.msg.info{color:#175cd3}.verifybox{display:none;margin-top:15px;padding:14px;border:1px solid #b8cff5;background:#eef5ff;border-radius:2px}.verifybox.show{display:block}.verifybox strong{display:block;margin-bottom:6px}.verifybox p{margin:0 0 10px;color:#40587f;font-size:12px;line-height:1.45}.verifyactions{display:grid;gap:8px}.btn.secondary{background:#fff;color:#0a55ca;border:1px solid #aac4ef;box-shadow:none}.foot{margin-top:18px;text-align:center;color:#6b7f9f;font-size:10px}
.auth-features{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);width:min(940px,92%);display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.auth-feature{text-align:center;color:#0f397c;font-size:10px}.auth-feature b{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 7px;color:#0068ff;font-size:20px;font-weight:500}.auth-feature span{display:block}
.modal-backdrop{display:none;position:fixed;inset:0;z-index:100;background:rgba(9,30,68,.34);backdrop-filter:blur(9px);align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(460px,100%);background:#fff;border:1px solid #bfd1f0;border-radius:2px;padding:28px;box-shadow:0 30px 80px rgba(23,60,127,.20)}.modal h2{margin:0 0 8px;font-size:28px}.modal p{color:var(--auth-muted);font-size:13px;line-height:1.55}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.secondary{min-height:48px;border:1px solid #b9cceb;border-radius:8px;background:#fff;color:#143a79;font-weight:800;cursor:pointer}
@media(max-width:900px){.auth-nav{display:none}.auth-stage{padding-top:28px}.auth-tagline{display:none}.auth-stage::before,.auth-stage::after{opacity:.55}.auth-features{grid-template-columns:repeat(3,1fr);row-gap:14px}.auth-card,.card,.shell{width:min(500px,100%)}}
@media(max-width:560px){.auth-topbar,.topbar{padding:16px}.auth-brand strong,.brand strong{font-size:15px}.auth-brand small,.brand small{display:none}.auth-mark,.mark{width:36px;height:36px}.auth-stage{width:100%;min-height:calc(100vh - 70px);padding:18px 10px 152px}.auth-stage::before,.auth-stage::after{display:none}.auth-card,.card,.shell{padding:30px 20px;border-radius:2px}.auth-card h1,.auth-card h2,.card h1,.card h2,.shell h1{font-size:29px}.auth-features{bottom:18px;grid-template-columns:repeat(3,1fr);gap:12px;width:96%}.auth-feature{font-size:9px}.modal-actions{grid-template-columns:1fr}}