.auth-stage{--navy:#1b2b4b;--navy-deep:#0a1628;--navy-darker:#060f1c;--emerald:#10b981;--emerald-bright:#34d399;--emerald-glow:#10b98166;--red:#ef4444;--red-tint:#fef2f2;--amber:#f59e0b;--bg:#f8fafc;--text:#1e293b;--muted:#64748b;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;font-feature-settings:"cv11", "ss01", "ss03";min-height:100vh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;grid-template-columns:1.05fr 1fr;font-family:Inter,-apple-system,sans-serif;font-size:16px;line-height:1.5;display:grid}.auth-stage *,.auth-stage :before,.auth-stage :after{box-sizing:border-box}.auth-stage *{margin:0;padding:0}.auth-stage .display{letter-spacing:-.02em;font-family:Clash Display,Inter,sans-serif;font-weight:600;line-height:1.05}.auth-stage .mono{font-family:JetBrains Mono,ui-monospace,monospace}.auth-stage a{color:inherit;text-decoration:none}.auth-stage button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}.auth-stage input,.auth-stage textarea,.auth-stage select{font-family:inherit}.auth-stage .brand{background:var(--navy-deep);color:#fff;flex-direction:column;padding:40px 56px 48px;display:flex;position:relative;overflow:hidden}.auth-stage .brand:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.auth-stage .brand-mesh{pointer-events:none;background:radial-gradient(circle at 20% 30%,#10b9812e,#0000 50%),radial-gradient(circle at 80% 70%,#1b2b4b8c,#0000 50%),radial-gradient(circle at 50% 100%,#10b98114,#0000 60%);animation:22s ease-in-out infinite auth-mesh-drift;position:absolute;inset:-20%}@keyframes auth-mesh-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(4%,-3%)scale(1.05)}66%{transform:translate(-3%,4%)scale(.98)}}.auth-stage .brand-inner{z-index:1;flex-direction:column;flex:1;height:100%;display:flex;position:relative}.auth-stage .wordmark{letter-spacing:-.02em;color:#fff;align-items:center;gap:8px;width:fit-content;font-family:Clash Display,sans-serif;font-size:22px;font-weight:600;display:inline-flex}.auth-stage .brand-body{flex-direction:column;flex:1;justify-content:center;max-width:520px;padding:36px 0;display:flex}.auth-stage .eyebrow{letter-spacing:.04em;color:#6ee7b7;text-transform:uppercase;background:#10b9811a;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.auth-stage .eyebrow-dot{background:var(--emerald);width:6px;height:6px;box-shadow:0 0 10px var(--emerald);border-radius:50%}.auth-stage .brand-h{text-wrap:balance;margin:22px 0 18px;font-size:clamp(36px,3.8vw,52px)}.auth-stage .brand-h .accent{background:linear-gradient(180deg, #34d399, var(--emerald));color:#0000;-webkit-background-clip:text;background-clip:text}.auth-stage .brand-sub{color:var(--slate-300);max-width:460px;font-size:16px;line-height:1.6}.auth-stage .brand-card-wrap{max-width:420px;margin-top:44px;position:relative}.auth-stage .brand-card{color:var(--text);background:#fff;border-radius:16px;padding:22px;animation:5s ease-in-out infinite auth-card-float;transform:rotate(-2deg);box-shadow:0 30px 80px -20px #00000080,0 0 60px -10px #10b98133,inset 0 1px #fffc}@keyframes auth-card-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(-2deg)}}.auth-stage .bc-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.auth-stage .bc-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.auth-stage .bc-pill{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.auth-stage .bc-pill .dot{background:var(--emerald);width:5px;height:5px;box-shadow:0 0 6px var(--emerald);border-radius:50%}.auth-stage .bc-big{color:var(--emerald);letter-spacing:-.03em;margin:4px 0 2px;font-family:Clash Display,sans-serif;font-size:44px;font-weight:600;line-height:1}.auth-stage .bc-sublabel{color:var(--slate-700);margin-bottom:18px;font-size:12px}.auth-stage .bc-divider{background:var(--slate-200);height:1px;margin-bottom:14px}.auth-stage .bc-row{justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;display:flex}.auth-stage .bc-row+.bc-row{border-top:1px solid var(--slate-100)}.auth-stage .bc-row .name{color:var(--slate-800);font-weight:500}.auth-stage .bc-row .amt{font-variant-numeric:tabular-nums;color:var(--navy);font-weight:600}.auth-stage .float-mini{z-index:2;background:#fff;border-radius:12px;padding:10px 14px;font-size:12px;position:absolute;box-shadow:0 20px 40px -10px #0006}.auth-stage .float-mini-1{animation:6s ease-in-out infinite auth-mini-float-a;top:-16px;right:-28px;transform:rotate(4deg)}.auth-stage .float-mini-2{animation:5.5s ease-in-out -2s infinite auth-mini-float-b;bottom:-18px;left:30%;transform:rotate(-3deg)}@keyframes auth-mini-float-a{0%,to{transform:translateY(0)rotate(4deg)}50%{transform:translateY(-7px)rotate(4deg)}}@keyframes auth-mini-float-b{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(-3deg)}}.auth-stage .mini-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:10px}.auth-stage .mini-val{color:var(--navy);font-family:Clash Display,sans-serif;font-size:16px;font-weight:600}.auth-stage .mini-val.green{color:var(--emerald)}.auth-stage .brand-foot{z-index:1;color:var(--slate-400);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;display:flex;position:relative}.auth-stage .brand-foot a:hover{color:#fff}.auth-stage .brand-foot-links{gap:22px;display:flex}.auth-stage .form-panel{background:var(--bg);flex-direction:column;padding:32px 48px;display:flex;position:relative}.auth-stage .form-top{color:var(--slate-700);justify-content:flex-end;align-items:center;gap:14px;font-size:14px;display:flex}.auth-stage .form-top a{font-weight:500}.auth-stage .btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .18s;display:inline-flex}.auth-stage .btn-ghost{color:var(--slate-700)}.auth-stage .btn-ghost:hover{color:var(--navy)}.auth-stage .btn-outline-navy{border:1px solid var(--slate-300);color:var(--navy);background:#fff}.auth-stage .btn-outline-navy:hover{border-color:var(--navy)}.auth-stage .form-body{flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.auth-stage .form-card{width:100%;max-width:440px}.auth-stage .form-wordmark{display:none}.auth-stage .form-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--emerald);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-flex}.auth-stage .form-eyebrow:before{content:"";background:var(--emerald);width:18px;height:1px}.auth-stage .form-h{letter-spacing:-.02em;color:var(--navy);text-wrap:balance;margin-bottom:12px;font-family:Clash Display,sans-serif;font-size:38px;font-weight:600;line-height:1.05}.auth-stage .form-sub{color:var(--muted);margin-bottom:32px;font-size:15px;line-height:1.55}.auth-stage .form-sub a{color:var(--emerald);font-weight:600}.auth-stage .form-sub a:hover{text-decoration:underline}.auth-stage .field{margin-bottom:16px}.auth-stage .field-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.auth-stage .field-row .field{margin:0}.auth-stage .field-label{color:var(--slate-700);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.auth-stage .field-label a{color:var(--emerald);font-size:12px;font-weight:600}.auth-stage .field-label a:hover{text-decoration:underline}.auth-stage .input-wrap{position:relative}.auth-stage .input{width:100%;color:var(--navy);border:1px solid var(--slate-200);background:#fff;border-radius:9px;outline:none;padding:12px 14px;font-size:14px;transition:all .15s}.auth-stage .input::placeholder{color:var(--slate-400)}.auth-stage .input:hover{border-color:var(--slate-300)}.auth-stage .input:focus{border-color:var(--emerald);box-shadow:0 0 0 4px #10b9811f}.auth-stage .input.has-ico{padding-left:40px}.auth-stage .input-ico{color:var(--slate-400);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.auth-stage .input-ico svg{width:16px;height:16px;display:block}.auth-stage .input-tail{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-stage .input-tail:hover{color:var(--navy)}.auth-stage .help-text{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.auth-stage .help-text.ok{color:var(--emerald)}.auth-stage .help-text.bad{color:var(--red)}.auth-stage .pw-meter{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px;display:grid}.auth-stage .pw-bar{background:var(--slate-200);border-radius:2px;height:3px}.auth-stage .pw-bar.on-1{background:var(--red)}.auth-stage .pw-bar.on-2{background:var(--amber)}.auth-stage .pw-bar.on-3{background:var(--emerald)}.auth-stage .checkbox-row{color:var(--slate-700);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:24px;font-size:13px;display:flex}.auth-stage .checkbox{border:1.5px solid var(--slate-300);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;transition:all .15s;display:flex}.auth-stage .checkbox-row input{display:none}.auth-stage .checkbox-row input:checked+.checkbox{background:var(--emerald);border-color:var(--emerald)}.auth-stage .checkbox-row input:checked+.checkbox:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transform:rotate(-45deg)translateY(-1px)}.auth-stage .checkbox-row a{color:var(--emerald);font-weight:600}.auth-stage .checkbox-row a:hover{text-decoration:underline}.auth-stage .btn-primary{background:var(--emerald);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #10b98133,0 6px 18px -8px #10b98180}.auth-stage .btn-primary:hover{background:#0fa674;transform:translateY(-1px);box-shadow:0 2px 4px #10b98140,0 10px 24px -8px #10b98199}.auth-stage .btn-primary:active{transform:translateY(0)}.auth-stage .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-stage .btn-primary .arrow{transition:transform .18s}.auth-stage .btn-primary:hover:enabled .arrow{transform:translate(3px)}.auth-stage .divider{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:14px;margin:22px 0;font-size:12px;font-weight:500;display:flex}.auth-stage .divider:before,.auth-stage .divider:after{content:"";background:var(--slate-200);flex:1;height:1px}.auth-stage .oauth-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-stage .btn-oauth{color:var(--slate-800);border:1px solid var(--slate-200);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:11px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.auth-stage .btn-oauth:hover{border-color:var(--slate-300);background:var(--slate-100)}.auth-stage .btn-oauth svg{width:16px;height:16px}.auth-stage .alt-action{text-align:center;color:var(--muted);margin-top:26px;font-size:14px}.auth-stage .alt-action a{color:var(--emerald);font-weight:600}.auth-stage .alt-action a:hover{text-decoration:underline}.auth-stage .auth-alert{border-radius:9px;margin-bottom:18px;padding:11px 14px;font-size:13px;line-height:1.45}.auth-stage .auth-alert.bad{background:var(--red-tint);color:#b91c1c;border:1px solid #fecaca}.auth-stage .auth-alert.good{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.auth-stage .trust-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.auth-stage .trust-pill{color:var(--slate-700);border:1px solid var(--slate-200);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;display:inline-flex}.auth-stage .trust-pill .dot{background:var(--emerald);border-radius:50%;width:5px;height:5px}.auth-stage .icon-bubble{width:64px;height:64px;color:var(--emerald);background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:18px;justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative}.auth-stage .icon-bubble:after{content:"";border:2px solid #10b9814d;border-radius:22px;animation:2.4s ease-out infinite auth-bubble-ring;position:absolute;inset:-6px}@keyframes auth-bubble-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.auth-stage .icon-bubble svg{width:28px;height:28px}.auth-stage .email-callout{border:1px dashed var(--slate-300);color:var(--navy);word-break:break-all;background:#fff;border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.auth-stage .email-callout .at-ico{background:var(--bg);width:26px;height:26px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.auth-stage .timer-line{color:var(--muted);text-align:center;margin-top:18px;font-size:13px}.auth-stage .timer-line strong{color:var(--navy);font-variant-numeric:tabular-nums}.auth-stage .timer-line a{color:var(--emerald);font-weight:600}.auth-stage .timer-line a:hover{text-decoration:underline}.auth-stage .success-line{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.auth-stage .success-line .check{background:var(--emerald);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:inline-flex}@media (max-width:980px){.auth-stage{grid-template-columns:1fr}.auth-stage .brand{display:none}.auth-stage .form-wordmark{margin-bottom:8px;display:flex}.auth-stage .form-wordmark .wm{letter-spacing:-.02em;color:var(--navy);align-items:center;gap:8px;font-family:Clash Display,sans-serif;font-size:22px;font-weight:600;display:inline-flex}.auth-stage .form-panel{padding:28px 24px}}
