:root{color-scheme:light dark;--bg:#f4f5fa;--card:#fff;--text:#17243b;--muted:#667085;--border:#e7eaf2;--accent:#6259e8}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif;margin:0}main{max-width:600px;margin:8vh auto;padding:28px}.logo{background:var(--accent);color:white;border-radius:20px;width:64px;height:64px;display:grid;place-items:center;font-size:36px;font-weight:800;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent);font-weight:750}h1{font-size:clamp(32px,7vw,52px);letter-spacing:-2px;line-height:1.1}h1 span{color:var(--accent)}p,small{color:var(--muted)}section{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;margin:30px 0}h2{font-size:21px}label{display:block;color:var(--muted);font-size:13px;margin:16px 0}input{background:var(--bg);color:var(--text);display:block;border:1px solid var(--border);width:100%;padding:14px;border-radius:10px;margin-top:8px;font-size:16px}button{border:0;border-radius:12px;padding:16px 24px;background:var(--accent);color:#fff;font:600 16px system-ui;width:100%;cursor:pointer;margin-top:12px}button:disabled{opacity:.5}small{font-size:12px}@media(prefers-color-scheme:dark){:root{--bg:#111423;--card:#1a1f32;--text:#e9ecfa;--muted:#a0a8bf;--border:#30374e;--accent:#a39aff}}