:root { --bg:#07080c; --card:#10131a; --line:#1a1f29; --text:#e8ecf4; --muted:#8a93a6; --accent:#7fdbea; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:760px; margin:0 auto; padding:40px 20px 64px; }
h1 { font-size:30px; margin:0 0 4px; letter-spacing:-.01em; }
h2 { font-size:20px; margin:36px 0 8px; }
h3 { font-size:16px; margin:22px 0 4px; }
p, li { color:#c9d0dc; }
.muted { color:var(--muted); }
a { color:var(--accent); }
.card { background:var(--card); border:1px solid var(--line); border-radius:20px; padding:22px; margin:22px 0; }
.dot { display:inline-block; width:56px; height:24px; border-radius:99px; background:#000; box-shadow:0 0 0 3px #0b0f1a, 0 0 22px 4px rgba(0,229,255,.45), 0 0 34px 8px rgba(255,79,216,.25); margin:8px 0 22px; }
nav a { margin-right:16px; }
hr { border:0; border-top:1px solid var(--line); margin:40px 0; }