:root{--bg: #f8fafc;--card: #ffffff;--ink: #0f172a;--muted: #64748b;--brand: #4f46e5;--brand-strong: #4338ca;--ok: #16a34a;--err: #dc2626;--border: #e2e8f0;--shadow: 0 6px 24px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:12px 18px;background:var(--brand);color:#fff;font-weight:600;transition:transform .08s ease,background .15s ease}button:active{transform:scale(.97)}button.secondary{background:#eef2ff;color:var(--brand-strong)}button:disabled{opacity:.55;cursor:not-allowed}input{font:inherit;border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:16px;width:100%;background:#fff}input:focus{outline:2px solid var(--brand);border-color:transparent}.card{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:24px}h1,h2,h3{line-height:1.2}.muted{color:var(--muted)}a{color:var(--brand)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}