body{min-height:100vh;display:flex;flex-direction:column}h1{font-size:clamp(26px,4vw,var(--text-2xl));line-height:var(--leading-tight);letter-spacing:var(--tracking-display);font-weight:700}.eyebrow{margin-bottom:var(--space-3)}.topnav-inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.btn{justify-content:center}.auth-wrap{flex:1;display:grid;place-items:center;padding:var(--space-12) var(--gutter);position:relative}.auth-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at 50% 28%,rgba(255,31,61,.14),transparent 65%)}.auth-card{position:relative;width:100%;max-width:420px;background:radial-gradient(120% 140% at 15% 0%,var(--surface-warm),var(--surface) 55%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised),0 0 60px #ff1f3d12;padding:var(--space-8)}.auth-card:before{content:"";position:absolute;top:0;inset-inline:24px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:var(--radius-pill);opacity:.8;box-shadow:0 0 18px #ff1f3d80}.auth-head{margin-bottom:var(--space-6)}.auth-head .lead{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-2)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-6)}.tab{padding:8px 0;text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--muted);background:transparent;border:none;border-radius:var(--radius-sm);transition:all var(--motion-fast)}.tab:hover{color:var(--fg)}.tab.active{background:color-mix(in oklab,var(--accent),transparent 85%);color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent),transparent 70%)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.field label .opt{font-weight:400;color:var(--muted);font-size:var(--text-xs)}.input-wrap{position:relative}.field input{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg);font:inherit;font-size:var(--text-sm);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.field input::placeholder{color:color-mix(in oklab,var(--muted),transparent 40%)}.field input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.field input[dir=ltr]{text-align:left;font-family:var(--font-mono);font-size:13px;letter-spacing:.01em}.field .hint{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-2);font-family:var(--font-mono)}.pw-toggle{position:absolute;top:50%;inset-inline-end:10px;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:var(--text-xs);font-family:var(--font-mono);padding:4px 6px;border-radius:var(--radius-sm);transition:color var(--motion-fast)}.pw-toggle:hover{color:var(--fg)}.input-wrap input[type=password],.input-wrap input[type=text].pw{padding-inline-end:56px}.cf-wrap{display:grid;place-items:center;margin:var(--space-5) 0;min-height:65px}.btn-submit{width:100%;padding:12px 16px;font-size:var(--text-base)}.btn-submit .spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;display:none}.btn-submit.loading .spinner{display:block}.btn-submit.loading .label{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:none;align-items:flex-start;gap:var(--space-2);padding:10px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert.show{display:flex}.alert-error{background:color-mix(in oklab,var(--danger),transparent 90%);border:1px solid color-mix(in oklab,var(--danger),transparent 70%);color:#ff9d97}.alert-success{background:color-mix(in oklab,var(--success),transparent 90%);border:1px solid color-mix(in oklab,var(--success),transparent 70%);color:#7fe3ac}.auth-foot{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-soft);text-align:center;font-size:var(--text-sm);color:var(--muted)}.auth-foot a{color:var(--accent);font-weight:600}.auth-foot a:hover{text-decoration:underline}.sec-note{margin-top:var(--space-4);text-align:center;font-family:var(--font-mono);font-size:11px;color:color-mix(in oklab,var(--muted),transparent 30%)}