:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#f6f7fb;--foreground:#152033;--card:#fff;--muted:#607089;--accent:#4f46e5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#0f172a;--foreground:#e5e7eb;--card:#111827;--muted:#94a3b8;--accent:#8b5cf6}}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}.page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:var(--card);border-radius:24px;width:min(720px,100%);padding:40px;box-shadow:0 24px 80px #0f172a24}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:700}h1{margin:0 0 16px;font-size:clamp(40px,8vw,72px)}p{color:var(--muted);line-height:1.6}.description{max-width:560px}.result{border:1px solid color-mix(in srgb, var(--accent), transparent 72%);background:color-mix(in srgb, var(--accent), transparent 92%);color:var(--foreground);border-radius:18px;margin:28px 0;padding:24px;font-size:22px;font-weight:700;line-height:1.35}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:14px 22px;font-size:16px;font-weight:800}button:disabled{cursor:wait;opacity:.7}a{color:var(--accent);font-weight:700}
