:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fb;--panel:#fff;--panel-strong:#eef2f7;--text:#17202e;--muted:#627084;--border:#d8e0ea;--accent:#1463ff;--accent-strong:#0b46ba;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.shell{width:min(1040px,100vw - 32px);margin:0 auto;padding:40px 0}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.brand{align-items:center;gap:12px;font-weight:700;display:flex}.brand-mark{background:var(--text);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.nav{flex-wrap:wrap;gap:10px;display:flex}.card,.auth-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;box-shadow:0 18px 50px #17202e14}.card{padding:28px}.grid{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:24px;display:grid}h1,h2,p{margin-top:0}h1{max-width:720px;margin-bottom:14px;font-size:40px;line-height:1.08}h2{margin-bottom:12px;font-size:18px;line-height:1.3}.muted,.meta{color:var(--muted)}.meta{font-size:13px}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;min-height:40px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent-strong)}.button.secondary{border-color:var(--border);background:var(--panel);color:var(--text)}.button.secondary:hover{background:var(--panel-strong)}.button:disabled{cursor:wait;opacity:.65}.stack{gap:14px;display:grid}.notice{border:1px solid var(--border);background:var(--panel-strong);border-radius:8px;padding:12px}.notice.error{color:var(--danger);border-color:#b4231847}.auth-panel{min-height:420px;padding:18px}.auth-form{gap:18px;display:grid}.field{gap:8px;font-size:14px;font-weight:650;display:grid}.input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.input:focus{border-color:var(--accent);outline:3px solid #1463ff24}.code-input{letter-spacing:.12em;font-size:24px;font-weight:750}.field-error{color:var(--danger);font-size:13px;font-weight:500}.auth-actions{flex-wrap:wrap;gap:10px;display:flex}.profile-box{overflow:hidden}.profile-box hanko-profile{display:block}pre{color:#f9fafb;background:#111827;border-radius:8px;padding:16px;font-size:13px;overflow:auto}@media (max-width:760px){.grid{grid-template-columns:1fr}h1{font-size:32px}.topbar{flex-direction:column;align-items:flex-start}}