:root { --bg:#0b1220; --panel:#131d33; --text:#e7ecf6; --muted:#9fb0cf; --accent:#ff8a2a; --exit:#3cff9a; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(1200px 600px at 50% -10%, #1b2a44 0%, var(--bg) 60%); color:var(--text);
  font:16px/1.65 -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
main { max-width:760px; margin:0 auto; padding:40px 20px 64px; }
header { display:flex; align-items:center; gap:16px; margin-bottom:28px; }
header img { width:72px; height:72px; border-radius:16px; box-shadow:0 6px 24px rgba(0,0,0,.45); }
h1 { font-size:28px; margin:0; letter-spacing:.3px; }
h1 small { display:block; font-size:15px; color:var(--muted); font-weight:500; }
h2 { color:var(--accent); font-size:20px; margin:32px 0 8px; }
h3 { font-size:17px; margin:22px 0 6px; }
section { background:rgba(19,29,51,.75); border:1px solid rgba(255,255,255,.06); border-radius:16px; padding:8px 24px 18px; margin:20px 0; }
a { color:var(--exit); }
ul { padding-left:20px; }
.muted { color:var(--muted); font-size:14px; }
nav { display:flex; gap:14px; flex-wrap:wrap; margin:8px 0 0; }
nav a { text-decoration:none; padding:6px 12px; border:1px solid rgba(60,255,154,.35); border-radius:999px; font-size:14px; }