:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#fff;--elevated-bg:#fff;--interactive-bg:#fff;--hover-bg:#f3f3f3;--text-primary:#15191e;--text-secondary:#4e5966;--text-muted:#687583;--text-subtle:#8994a0;--accent:#126fc7;--accent-hover:#0d5eaa;--primary-button-bg:#060606;--primary-button-hover:#262626;--primary-button-foreground:#fff;--danger:#b33a42;--danger-soft:#fcebed;--success:#237a46;--success-soft:#e9f6ee;--border-subtle:#ededed;--border-strong:#ddd;--focus-ring:#237fda52;--shadow-1:0 1px 2px #1018200a;--shadow-2:0 12px 36px #18232e1a;--radius-sm:5px;--radius-md:7px;--background:var(--page-bg);--surface:#fff;--text:var(--text-primary);--muted:var(--text-muted);--border:var(--border-strong);--inverse:var(--primary-button-foreground);--primary:var(--primary-button-bg);--danger-surface:var(--danger-soft);--success-surface:var(--success-soft);--focus:var(--accent)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#060606;--elevated-bg:#060606;--interactive-bg:#060606;--hover-bg:#151515;--text-primary:#fafafa;--text-secondary:#c7c7c7;--text-muted:#a8a8a8;--text-subtle:#777;--accent:#237fda;--accent-hover:#4a9ceb;--primary-button-bg:#fff;--primary-button-hover:#ededed;--primary-button-foreground:#000;--danger:#ff6464;--danger-soft:#31060a;--success:#5ee08a;--success-soft:#12291b;--border-subtle:#1d1d1d;--border-strong:#292929;--focus-ring:#4a9ceb61;--shadow-1:none;--shadow-2:0 18px 48px #00000061;--surface:var(--elevated-bg)}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px}body{color:var(--text);background:var(--background);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.page-shell{width:min(100% - 32px,720px);min-height:100svh;margin:0 auto;padding:28px 0 48px}.brand-header{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:baseline;margin-bottom:clamp(48px,11vh,112px);font-size:.82rem;display:flex}.wordmark{color:var(--text);letter-spacing:-.04em;text-transform:none;font-size:1.25rem;font-weight:800;text-decoration:none;display:block}.brand-logo{flex:none;display:block;position:relative}.brand-logo-image{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.brand-logo-image-dark,:root[data-theme=dark] .brand-logo-image-light{display:none}:root[data-theme=dark] .brand-logo-image-dark{display:block}.card{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:18px;width:min(100%,460px);margin:0 auto;padding:clamp(24px,6vw,42px);box-shadow:0 18px 45px #0000000f}.wide-card{width:min(100%,660px)}.stack{gap:22px;display:grid}.wide-stack{gap:30px}h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,7vw,2.35rem);line-height:1.08}p{margin:0}.muted{color:var(--muted);margin-top:10px}.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-size:.76rem;font-weight:700}.fine-print{color:var(--muted);text-align:center;font-size:.78rem}label{gap:8px;font-size:.88rem;font-weight:650;display:grid}input{width:100%;min-height:48px;color:var(--text);border:1px solid var(--border);background:var(--background);border-radius:10px;outline:none;padding:11px 13px}input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 24%, transparent)}.code-input{letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:1.3rem;font-weight:750}.button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:50px;padding:12px 18px;font-weight:750;text-decoration:none;display:inline-flex}.button:focus-visible,.text-button:focus-visible,.wordmark:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button:disabled{cursor:wait;opacity:.55}.button.primary{color:var(--inverse);background:var(--primary)}.button.primary:hover:not(:disabled){background:var(--primary-button-hover)}.button.secondary{color:var(--text);border-color:var(--border);background:0 0}.button.danger{color:#fff;background:#8f1b1b}.text-button{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:3px;text-decoration:underline}.danger-text{color:var(--danger)}.alert{border-radius:9px;padding:12px 14px;font-size:.88rem}.alert.error{color:var(--danger);background:var(--danger-surface)}.alert.success{color:var(--success);background:var(--success-surface)}.action-grid{gap:10px;display:grid}.code-block{border:1px solid var(--border);text-align:center;border-radius:12px;gap:5px;padding:18px;display:grid}.code-block span{color:var(--muted);text-transform:uppercase;font-size:.78rem}.code-block strong{letter-spacing:.13em;font-size:clamp(1.6rem,8vw,2.25rem)}.status-panel{text-align:center}.status-panel .muted{margin-top:0}.status-mark{width:52px;height:52px;color:var(--success);background:var(--success-surface);border-radius:50%;place-items:center;margin:0 auto;font-size:1.5rem;display:grid}.status-mark.neutral{color:var(--muted);background:var(--background)}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.passkey-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.passkey-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.passkey-list li div{gap:3px;display:grid}.passkey-list span{color:var(--muted);font-size:.82rem}.empty-state{color:var(--muted);border:1px dashed var(--border);text-align:center;border-radius:10px;padding:22px}.login-page{background:linear-gradient(90deg, transparent 0 49.9%, color-mix(in srgb, var(--border-subtle) 40%, transparent) 50%, transparent 50.1%), linear-gradient(0deg, transparent 0 49.9%, color-mix(in srgb, var(--border-subtle) 30%, transparent) 50%, transparent 50.1%), var(--page-bg);background-size:56px 56px;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:30px;display:flex;position:relative}.login-brand{justify-content:center;align-items:center;margin-bottom:20px;display:flex;transform:translateY(-14px)}.theme-control{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.theme-control:hover{background:var(--hover-bg);color:var(--text-primary)}.theme-control svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.login-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--elevated-bg);width:100%;max-width:400px;box-shadow:var(--shadow-2);margin:0;padding:29px}.login-card .stack{gap:14px}.login-card .stack>div:first-child{text-align:center}.login-card h1{letter-spacing:-.7px;text-align:center;margin:0;font-size:23px;font-weight:700;line-height:1.2}.login-card .eyebrow{color:var(--text-subtle);letter-spacing:.12em;margin-bottom:7px;font-size:9px}.login-card .muted{color:var(--text-muted);margin-top:7px;font-size:11.5px}.login-card label{color:var(--text-primary);gap:6px;font-size:11.5px;font-weight:600}.login-card input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--interactive-bg);height:39px;min-height:39px;color:var(--text-primary);padding:0 10px;font-size:12.5px}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.login-card input::placeholder{color:var(--text-subtle)}.login-card .button{border-radius:var(--radius-sm);min-height:39px;padding:8px 14px;font-size:12px;font-weight:650}.login-card .button.primary{margin-top:5px}.login-card .button.secondary{border-color:var(--border-strong);background:var(--interactive-bg)}.login-card .button.secondary:hover:not(:disabled){background:var(--hover-bg)}.login-card .text-button{color:var(--text-muted);justify-self:center;font-size:11px}.login-card .fine-print{color:var(--text-subtle);font-size:10px}.login-card .alert{border-radius:var(--radius-sm);padding:9px 10px;font-size:11px}.login-card .code-input{letter-spacing:.14em;font-size:16px}@media (max-width:540px){.page-shell{width:min(100% - 24px,720px);padding-top:20px}.brand-header{margin-bottom:40px}.card{border-radius:14px;padding:24px 20px}.inline-form{grid-template-columns:1fr}.passkey-list li{align-items:flex-start}.login-page{padding:20px}.login-card{padding:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}
