:root {
  --bg: #030b0e;
  --panel: #06161b;
  --cyan: #73f3f3;
  --dim: #7fd4d4;
  --gold: #ffd970;
  --text: #d9f2f2;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: var(--bg);
  background-image: radial-gradient(ellipse 90% 60% at 50% -10%, #0a2530 0%, transparent 60%);
  color: var(--text);
  font-family: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;
  line-height: 1.65;
  min-height: 100vh;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px 80px; }
header { text-align: center; margin-bottom: 40px; }
.icon { width: 96px; height: 96px; border-radius: 22px; box-shadow: 0 0 40px rgba(115, 243, 243, 0.25); }
h1 { color: var(--cyan); letter-spacing: 0.35em; font-size: 2rem; margin-top: 20px; text-shadow: 0 0 24px rgba(115, 243, 243, 0.45); }
.tagline { color: var(--gold); letter-spacing: 0.15em; margin-top: 8px; }
h2 { color: var(--cyan); font-size: 1.05rem; letter-spacing: 0.12em; margin: 36px 0 12px; }
p, li { color: var(--dim); font-size: 0.95rem; }
ul { padding-left: 1.4em; }
li { margin: 6px 0; }
a { color: var(--cyan); }
.panel { background: var(--panel); border: 1px solid #0e2a33; border-radius: 12px; padding: 24px 28px; margin: 18px 0; }
.features { display: grid; gap: 10px; margin: 24px 0; }
.feature { background: var(--panel); border: 1px solid #0e2a33; border-radius: 10px; padding: 14px 18px; font-size: 0.92rem; color: var(--dim); }
.feature b { color: var(--text); }
.soon { text-align: center; color: var(--gold); letter-spacing: 0.2em; margin: 32px 0 8px; }
footer { text-align: center; margin-top: 56px; font-size: 0.8rem; color: #3d6b70; }
footer a { color: #5da8ad; margin: 0 10px; }
.updated { color: #3d6b70; font-size: 0.8rem; margin-bottom: 24px; }