@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root{--bg:#070B1A;--surface:#111833;--border:#1F2A4D;--text:#EEF2FF;--muted:#AEB8D8;--accent:#5C9DFF;--gold:#FFC93C}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100vh;color:var(--text);line-height:1.6;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;
  background:
    radial-gradient(520px 360px at 12% 0%,rgba(92,157,255,.30) 0%,transparent 70%),
    radial-gradient(520px 360px at 88% 0%,rgba(92,157,255,.30) 0%,transparent 70%),
    repeating-linear-gradient(180deg,transparent 0 62px,rgba(238,242,255,.06) 62px 64px),
    var(--bg);
  background-repeat:no-repeat,no-repeat,repeat;
}
main{max-width:720px;margin:0 auto;padding:56px 20px 72px}
header{margin-bottom:28px}
.brand{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-weight:400;font-size:56px;line-height:.95;letter-spacing:2px;margin:0}
.brand span{color:var(--accent)}
.sub{color:var(--muted);margin:8px 0 0}
h2{font-size:19px;margin:32px 0 8px}
p,li{color:var(--muted);font-size:16px}
ul{padding-left:20px}
a{color:var(--accent)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin:18px 0}
.card strong{color:var(--text)}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-size:15px}
.small{font-size:13px;color:var(--muted)}