*{box-sizing:border-box}
:root{
  --bg:#0A0A0B;
  --fg:#E6E6E6;
  --muted:#A0A0A0;
  --accent:#6AA3FF;
  --accent2:#9F7BFF;
  --slate:#1F2330;
}
html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 800px at 50% 10%, #1a1a1f 0%, var(--bg) 60%);color:var(--fg);font:16px/1.55 "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial}
.wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px 20px}
.hero{text-align:center}
.wordmark{letter-spacing:.28em;font-weight:800;font-size:clamp(28px,10vw,64px);cursor:default;user-select:none}
.tagline{margin:8px 0 0;color:var(--muted);font-weight:300;font-size:clamp(14px,3.6vw,20px)}
.bg-orbit{position:fixed;inset:0;pointer-events:none;background:
 radial-gradient(240px 140px at 30% 20%, rgba(110,140,255,.20), transparent 60%),
 radial-gradient(260px 160px at 70% 25%, rgba(140,110,255,.20), transparent 60%);filter:blur(40px);opacity:.75;animation:shift 16s ease-in-out infinite alternate}
@keyframes shift{0%{transform:translateY(0)}100%{transform:translateY(-12px)}}
.cta{text-align:center}
.btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:white;border:none;padding:12px 18px;border-radius:999px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}
.btn.ghost{background:transparent;border:1px solid #333;color:var(--fg)}
.small{color:var(--muted);margin-top:10px;text-align:center}
footer{display:flex;gap:18px;flex-direction:column;align-items:center}
footer nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
footer nav a{color:#b9c7ff;text-decoration:none;opacity:.9}
.tiny{color:#777;font-size:12px}
/* Easter egg overlay */
dialog::backdrop{background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
dialog{border:none;border-radius:18px;padding:0;background:transparent}
.easter-card{position:relative;background:#0f1014;border:1px solid #1f2330;border-radius:18px;padding:26px 22px;min-width:280px;max-width:460px;color:var(--fg);overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.easter-card h1{margin:0 0 6px 0;letter-spacing:.22em;font-size:26px}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color:#c7d2ff}
.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 2px, rgba(255,255,255,.03) 2px 3px);pointer-events:none}
.easter-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
/* Press page */
.page{max-width:980px;margin:40px auto;padding:0 16px}
h1,h2{letter-spacing:.12em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#0f0f12;border:1px solid #1e2230;border-radius:12px;padding:16px}
.token{height:80px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}
.code{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;background:#0b0b0f;border:1px dashed #262b3a;border-radius:8px;padding:10px;overflow:auto}