:root{
  --bg:#0d1020;
  --panel:#13182b;
  --panel-2:#101625;
  --text:#f4f7ff;
  --muted:#9aa5c3;
  --accent:#00dcff;
  --stroke:rgba(255,255,255,.10);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Helvetica,Arial,sans-serif;
  background:radial-gradient(1200px 550px at 10% -10%, #1a2040 0%, transparent 58%), var(--bg);
  color:var(--text);
  min-height:100vh;
}
.container{
  width:100%;
  max-width:980px;
  margin:0 auto;
  padding:22px 18px 36px;
}
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:var(--text);
  font-weight:800;
  letter-spacing:.2px;
}
.badge{
  padding:4px 8px;
  border-radius:999px;
  color:var(--accent);
  border:1px solid rgba(0,220,255,.25);
  background:rgba(0,220,255,.14);
  font-size:12px;
  font-weight:700;
}
.nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.nav a{
  text-decoration:none;
  color:var(--text);
  font-size:13px;
  font-weight:600;
  border:1px solid var(--stroke);
  border-radius:999px;
  padding:8px 11px;
  background:rgba(255,255,255,.03);
}
.nav a:hover{border-color:rgba(0,220,255,.45)}
.hero{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border:1px solid var(--stroke);
  border-radius:18px;
  padding:20px;
  margin-bottom:14px;
}
.hero h1{margin:0 0 8px;font-size:30px;line-height:1.1}
.hero p{margin:0;color:var(--muted)}
.meta{margin-top:10px;font-size:13px;color:var(--muted)}
.card{
  background:var(--panel);
  border:1px solid var(--stroke);
  border-radius:16px;
  padding:18px;
  margin-bottom:12px;
}
.card h2{margin:0 0 8px;font-size:18px}
.card p,.card li{color:#dbe3ff;line-height:1.58}
.card ul{margin:8px 0 0 18px}
.footer{
  margin-top:16px;
  color:var(--muted);
  font-size:13px;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}
.footer a{
  color:var(--accent);
  text-decoration:none;
  font-weight:600;
}