@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base:oklch(12% .025 250);--bg-panel:oklch(16% .035 250);--bg-panel-hover:color-mix(in oklch, var(--bg-panel) 90%, var(--text-primary) 10%);--border-subtle:color-mix(in oklch, var(--bg-panel) 75%, var(--text-primary) 25%);--border-accent:oklch(62% .16 265);--text-primary:oklch(96% .015 250);--text-muted:color-mix(in oklch, var(--text-primary) 70%, var(--bg-base) 30%);--success:oklch(74% .16 142);--danger:oklch(62% .18 24);--font-heading:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;color:var(--text-primary);background:var(--bg-base);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{background:var(--bg-base);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}code{color:#b7c8ff;font-family:var(--font-mono)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(1.8rem,4vw,2.4rem)}.eyebrow{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.35rem;font-size:.75rem;font-weight:800}.page-description,.page-heading>p:last-child,.help-text{color:var(--text-muted);line-height:1.6}.help-text{text-align:center;margin:1.5rem 0 0;font-size:.88rem}.auth-layout{background-image:radial-gradient(#ffffff05 1px,#0000 0);background-size:20px 20px;place-items:center;min-height:100vh;padding:1.25rem;display:grid}.auth-card{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111620b3;border-radius:1rem;width:min(100%,28rem);padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 1.5rem 4rem #00000080}.brand-header{align-items:center;gap:.9rem;margin-bottom:1.8rem;display:flex}.brand-mark{border:1px solid var(--border-accent);color:#0c0f15;background:var(--border-accent);width:2.7rem;height:2.7rem;font-family:var(--font-heading);border-radius:.65rem;flex:none;place-items:center;font-size:1.25rem;font-weight:800;display:grid;box-shadow:0 0 14px oklch(62% .16 265/.35)}.form-stack{gap:.85rem;display:grid}.form-stack label{color:var(--text-muted);margin-top:.35rem;font-size:.85rem;font-weight:600}.form-stack input,.form-stack select{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:var(--bg-base);border-radius:.6rem;outline:none;padding:.78rem .95rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.form-stack input:focus,.form-stack select:focus{border-color:var(--border-accent);background:var(--bg-panel-hover);box-shadow:0 0 0 3px oklch(62% .16 265/.15)}.form-status{min-height:1.2rem;color:var(--danger);margin:.3rem 0 0;font-size:.84rem}.form-status.success{color:var(--success)}button{border:1px solid var(--border-accent);color:#0c0f15;background:var(--border-accent);border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.7rem;padding:.68rem 1.25rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}button:hover:not(:disabled){background:oklch(72% .14 265);border-color:oklch(72% .14 265);transform:translateY(-1px);box-shadow:0 4px 12px #7b96ff40}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:wait;opacity:.5}.secondary-button{border:1px solid var(--border-subtle);min-height:2.3rem;color:var(--text-primary);background:var(--bg-panel);padding:.4rem .9rem}.secondary-button:hover:not(:disabled){background:var(--bg-panel-hover);border-color:var(--text-muted);box-shadow:none}.loading-state{color:#aab2c2;text-align:center}.identity-label{color:#7f899e;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem;font-size:.75rem;font-weight:700}.identity-value{color:#eef2ff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:750}#login-button{width:100%}
