:root { color-scheme: light dark; --bg: #eef7ff; --ink: #17315c; --card: #ffffff; }
@media (prefers-color-scheme: dark) { :root { --bg: #0f1a2e; --ink: #e6eefc; --card: #182640; } }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
       background: var(--bg); color: var(--ink); font-family: system-ui, "Segoe UI", Arial, sans-serif; }
main { background: var(--card); border-radius: 24px; padding: 32px 28px; max-width: 480px; text-align: center;
       box-shadow: 0 6px 24px rgb(0 0 0 / 0.12); }
.icon { font-size: 56px; margin: 0; }
h1 { margin: 8px 0 16px; font-size: clamp(32px, 8vw, 44px); }
p { font-size: 18px; line-height: 1.5; margin: 8px 0; }