:root{--primary: #8b5cf6;--primary-light: #c4b5fd;--primary-container: #ede9fe;--on-primary: #ffffff;--accent: #3b82f6;--surface: #ffffff;--background: #f4f2ff;--text-primary: #1e293b;--text-secondary: #9ca3af;--border: #e5e7eb;--ink-pill: #2a2140;--radius: 20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--background)}@media(prefers-color-scheme:dark){:root{--primary: #a78bfa;--primary-container: #2e2545;--on-primary: #1b1725;--accent: #60a5fa;--surface: #1b1725;--background: #12101a;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: #2e2a3b;--ink-pill: #241e33}}*{box-sizing:border-box}body{margin:0;background:var(--background)}.page{max-width:960px;margin:0 auto;padding:32px 20px 64px}.hero{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--on-primary);border-radius:28px;padding:48px 32px;text-align:center}.hero .badge{display:inline-block;background:#ffffff2e;border-radius:999px;padding:6px 16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(28px,5vw,44px);margin:16px 0 8px}.hero p{margin:0 auto;max-width:46ch;opacity:.9;line-height:1.6}.cta{display:inline-block;margin-top:28px;background:#fff;color:var(--ink-pill);border-radius:999px;padding:14px 32px;font-weight:600;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--primary-container);font-size:22px}.card h3{margin:16px 0 8px;font-size:18px}.card p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:15px}footer{margin-top:48px;text-align:center;color:var(--text-secondary);font-size:13px}.login{display:grid;gap:12px}.login h3{margin:0}.login label{display:grid;gap:6px;font-size:14px;color:var(--text-secondary)}.login input{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--background);color:var(--text-primary);font-size:15px}.login input:focus{outline:2px solid var(--primary);outline-offset:1px}.login button{margin-top:4px;padding:12px 24px;border:0;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:15px;font-weight:600;cursor:pointer}.login button:disabled{opacity:.6;cursor:default}.login .error{color:#f43f5e;font-size:14px;margin:0}.login .token{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;color:var(--text-secondary)}