:root{--brand:#1E232B;--brand-600:#2C333D;--brand-700:#141920;--brand-900:#0d1015;--brand-tint:#EEEFF2;--ink:#1B2A44;--ink-soft:#34415A;--muted:#6B7688;--faint:#97A1B0;--line:#EAEDF2;--line-strong:#DBE1EA;--surface:#FFFFFF;--neutral:#FBFBFC;--neutral-2:#F6F8FA;--danger:#D14343;--danger-tint:#FCEDEB;--success:#2FA36B;--focus:rgba(30,35,43,.22);--r-sm:9px;--r:11px;--pill:999px;--fd:"Manrope",system-ui,sans-serif;--fb:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:var(--fb);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.auth{display:flex;min-height:100vh}.auth-visual{position:relative;flex:0 0 46%;max-width:620px;overflow:hidden;color:#fff;background:linear-gradient(155deg,#2b2f37,#1b1e24 48%,#0f1115);display:flex;flex-direction:column;justify-content:space-between;padding:44px 52px}.auth-visual .blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;pointer-events:none}.blob.b1{width:420px;height:420px;right:-140px;top:-120px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%)}.blob.b2{width:340px;height:340px;left:-120px;bottom:-100px;background:radial-gradient(circle at 50% 50%,rgba(6,8,11,.55),rgba(6,8,11,0) 70%)}.blob.b3{width:180px;height:180px;right:60px;bottom:120px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.12),rgba(255,255,255,0) 70%)}.av-logo{position:relative;z-index:2;display:inline-block;color:#fff}.av-logo svg{height:44px;width:auto;display:block}.av-body{position:relative;z-index:2;max-width:420px;margin:auto 0}.av-eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.72);margin-bottom:14px}.av-body h1{font-family:var(--fd);font-weight:700;font-size:38px;line-height:1.12;margin:0 0 16px;letter-spacing:-.01em}.av-body p{font-size:15px;line-height:1.6;color:rgba(255,255,255,.82);margin:0 0 30px;max-width:400px}.av-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.av-feats li{display:flex;align-items:center;gap:12px;font-size:14px;color:rgba(255,255,255,.92)}.av-feats .fi{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.13);display:grid;place-items:center;flex:0 0 auto}.av-feats .fi svg{width:16px;height:16px;stroke:#fff}.av-foot{position:relative;z-index:2;font-size:12px;color:rgba(255,255,255,.6)}.auth-form{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 28px;background:var(--surface)}.af-card{width:100%;max-width:392px}.af-badge{display:none;color:var(--ink);margin-bottom:28px}.af-badge svg{height:34px;width:auto;display:block}.af-card h2{font-family:var(--fd);font-weight:700;font-size:26px;margin:0 0 6px}.af-sub{font-size:14px;color:var(--muted);margin:0 0 28px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.flabel{font-size:13px;font-weight:600;color:var(--ink-soft)}.input-wrap{position:relative}.text{width:100%;font-family:var(--fb);font-size:14.5px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:12px 13px;outline:none;transition:border-color .15s,box-shadow .15s}.text:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus)}.text.pw{padding-right:44px}.field.err .text{border-color:var(--danger);box-shadow:0 0 0 4px var(--danger-tint)}.peek{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--faint);cursor:pointer;padding:8px;border-radius:7px;display:grid}.peek:hover{color:var(--brand);background:var(--brand-tint)}.peek svg{width:18px;height:18px}.ferr{font-size:12.5px;color:var(--danger);min-height:0;display:none}.field.err .ferr{display:block}.af-row{justify-content:space-between;margin:4px 0 22px}.af-row,.remember{display:flex;align-items:center}.remember{gap:8px;font-size:13.5px;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.remember input{position:absolute;opacity:0;width:0;height:0}.remember .box{width:17px;height:17px;border:1.5px solid var(--line-strong);border-radius:5px;display:grid;place-items:center;color:#fff}.remember .box svg{width:11px;height:11px;opacity:0}.remember input:checked~.box{background:var(--brand);border-color:var(--brand)}.remember input:checked~.box svg{opacity:1}.forgot{font-size:13.5px;font-weight:600}.btn-login{width:100%;font-family:var(--fb);font-weight:600;font-size:15px;color:#fff;background:var(--brand);border:none;border-radius:var(--pill);padding:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 20px -10px rgba(18,22,28,.55);transition:background .15s}.btn-login:hover{background:var(--brand-600)}.btn-login:disabled{opacity:.75;cursor:default}.spinner{width:17px;height:17px;border:2.4px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}.btn-login.loading .spinner{display:block}.btn-login.loading .blabel{opacity:.85}@keyframes spin{to{transform:rotate(1turn)}}.af-help{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.55}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);max-width:440px;width:calc(100% - 40px);background:var(--ink);color:#fff;padding:15px 18px;border-radius:12px;box-shadow:0 18px 44px -14px rgba(0,0,0,.5);display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:60}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.af-divider{display:flex;align-items:center;gap:12px;margin:22px 0 15px;color:var(--faint);font-size:12px;font-weight:600;letter-spacing:.01em}.af-divider:after,.af-divider:before{content:"";height:1px;background:var(--line);flex:1 1}.btn-google{width:100%;font-family:var(--fb);font-weight:600;font-size:14.5px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--pill);padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.btn-google:hover{background:var(--neutral-2)}.btn-google svg{width:18px;height:18px}.toast svg{width:19px;height:19px;flex:0 0 auto;margin-top:1px;color:#fff}.done{position:fixed;inset:0;background:var(--surface);display:none;place-items:center;z-index:20;animation:fade .3s ease both}.done.show{display:grid}.done-inner{text-align:center;max-width:340px;padding:24px}.done-check{width:64px;height:64px;border-radius:50%;background:var(--success);display:grid;place-items:center;margin:0 auto 20px;animation:pop .4s cubic-bezier(.2,.8,.2,1.5) both}.done-check svg{width:32px;height:32px;stroke:#fff}.done h3{font-family:var(--fd);font-weight:700;font-size:22px;margin:0 0 8px}.done p{font-size:14px;color:var(--muted);margin:0}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:860px){.auth{flex-direction:column}.auth-visual{flex:0 0 auto;max-width:none;padding:28px 26px 30px}.av-body{margin:26px 0 4px}.av-body h1{font-size:28px}.av-feats,.av-foot{display:none}.af-badge{display:inline-flex}}