:root { --ink:#0A0912; --panel:#0E0B18; --text:#E9E7F4; --muted:#A9A5BF; --cyan:#26E8FF; --purple:#7B2BFF; }
* { box-sizing:border-box; }
html, body { margin:0; background:var(--ink); color:var(--text); }
body { min-height:100vh; display:flex; flex-direction:column;
  font:17px/1.6 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background:radial-gradient(1200px 600px at 50% -10%, rgba(123,43,255,.18), transparent 60%),
             radial-gradient(900px 500px at 50% 110%, rgba(38,232,255,.10), transparent 60%), var(--ink); }
main { flex:1; width:100%; max-width:760px; margin:0 auto; padding:72px 16px 48px; text-align:center; }
.logo { width:100%; max-width:560px; height:auto; }
.tag { font-size:1.35rem; font-weight:600; margin:28px 0 8px; }
.lead { color:var(--muted); max-width:560px; margin:0 auto; }
.status { display:inline-flex; align-items:center; gap:10px; margin:36px 0 0; padding:8px 18px;
  border:1px solid rgba(38,232,255,.45); border-radius:999px; font-family:ui-monospace, "Cascadia Code", Consolas, monospace;
  letter-spacing:.12em; text-transform:uppercase; font-size:.85rem; color:var(--cyan); }
.dot { width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); }
.contact { margin:56px auto 0; padding:24px 16px; max-width:520px; background:var(--panel);
  border:1px solid rgba(123,43,255,.35); border-radius:14px; }
.contact h2 { margin:0 0 6px; font-size:.85rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.contact p { margin:4px 0; }
a { color:var(--cyan); text-decoration:none; word-break:break-word; }
a:hover, a:focus-visible { text-decoration:underline; }
.small { font-size:.9rem; color:var(--muted); }
footer { text-align:center; padding:24px 16px; font-size:.85rem; color:var(--muted); }