:root{--a:#c8d1ff;--b:#e3b8f5;--tint-a:#f7f8ff;--tint-b:#fcf6fe;--bg:#f9faff;--surface:#ffffff;--ink:#1f2335;--ink-2:#3d4155;--muted:#5e6275;--faint:#999db2;--line:#dcdfeb;--line-soft:#f3f3f7;--action:#5d67c2;--on-action:#ffffff;--link:#4e57b0;--on-accent:#1f2335;--focus:#5d67c2;--shadow:#2c3077;color-scheme:light;--r-paper:16px;--r-ctl:12px;--r-pill:999px;--fs-sm:12px;--fs-base:16px;--fs-h1:30px;--lh-body:1.55;--lh-tight:1.2;--ls-head:-.015em;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;}
:root[data-theme=dark]{--a:#424976;--b:#593866;--tint-a:#232638;--tint-b:#252132;--bg:#11131d;--surface:#1a1c27;--ink:#e9ebf3;--ink-2:#cacddb;--muted:#9397ab;--faint:#64687b;--line:#2d303e;--line-soft:#272a37;--action:#acb9fd;--on-action:#0e101f;--link:#a6b2f7;--on-accent:#e9ebf3;--focus:#b4c0fe;--shadow:#000003;color-scheme:dark;}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-body);min-height:100vh;min-height:100dvh;overflow-wrap:anywhere}
.wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--sp-5) var(--sp-4)}
.card{width:min(100%, 34rem);background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--a);border-radius:var(--r-paper);padding:var(--sp-7) var(--sp-6);text-align:center;box-shadow:0 18px 50px -24px color-mix(in srgb, var(--shadow) 40%, transparent)}
.pill{display:inline-block;margin:0 0 var(--sp-4);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);background:var(--tint-a);border:1px solid var(--line);color:var(--ink-2);font-size:var(--fs-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
h1{margin:0 0 var(--sp-3);font-size:clamp(calc(var(--fs-h1) * .8), 6vw, var(--fs-h1));line-height:var(--lh-tight);letter-spacing:var(--ls-head);color:var(--ink)}
#domain{color:var(--link);word-break:break-word}
.lead{margin:0 0 var(--sp-5);color:var(--muted)}
.theme-toggle{font:inherit;font-size:var(--fs-sm);font-weight:600;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}
.theme-toggle:hover{background:var(--tint-a)}
[hidden]{display:none}
button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media (max-width: 480px){.card{padding:var(--sp-6) var(--sp-4)}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none}}