:root{color-scheme:dark;--bg:#070b16;--fg:#e6edf7;--muted:#8b98ad;--accent:#5eead4}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{display:flex;flex-direction:column;align-items:center;justify-content:center;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fg);
background:radial-gradient(1200px 600px at 20% 10%,#12204a 0%,transparent 60%),radial-gradient(900px 500px at 90% 90%,#0e3b3a 0%,transparent 60%),var(--bg)}
.card{text-align:center;padding:3rem 2.5rem;border:1px solid #1d2840;border-radius:20px;background:rgba(12,18,34,.6);backdrop-filter:blur(8px);max-width:90vw}
h1{font-size:clamp(2.4rem,7vw,4.2rem);margin:.4rem 0;letter-spacing:-.03em;background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.domain{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);margin:.2rem 0 1rem}
.sub{color:var(--muted);margin:0}
a{color:var(--accent)}
.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);margin:0 auto;box-shadow:0 0 0 0 rgba(94,234,212,.6);animation:p 2s infinite}
@keyframes p{70%{box-shadow:0 0 0 14px rgba(94,234,212,0)}100%{box-shadow:0 0 0 0 rgba(94,234,212,0)}}
@media (prefers-reduced-motion:reduce){.dot{animation:none}}
footer{position:fixed;bottom:1rem;color:#4b5870;font-size:.8rem}