:root{
  --bg:#070b14;--panel:#0f1724;--panel2:#131d2e;--cyan:#36d7ff;
  --orange:#ffa43a;--purple:#9b73ff;--text:#f5f8ff;--muted:#9eabc0;--line:#22324b
}
*{box-sizing:border-box}
body{
  margin:0;color:var(--text);font:16px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 12% 0%,#10344b 0,transparent 32%),
    radial-gradient(circle at 88% 12%,#2a1743 0,transparent 28%),
    var(--bg);
}
.wrap{max-width:920px;margin:auto;padding:46px 22px 80px}
.logo{
  width:68px;height:68px;border-radius:20px;display:grid;place-items:center;
  font-weight:950;font-size:25px;background:linear-gradient(135deg,var(--cyan),var(--purple),var(--orange));
  box-shadow:0 16px 45px #0008
}
.brandline{display:flex;gap:15px;align-items:center}
.brand{font-weight:950;font-size:34px;letter-spacing:5px}
.tag{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:2px}
nav{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 26px}
nav a{
  color:#061018;background:var(--cyan);padding:9px 15px;border-radius:12px;
  text-decoration:none;font-weight:900
}
nav a:nth-child(3){background:var(--orange)}
.card{
  background:linear-gradient(180deg,#101927ee,#0d1420ee);
  border:1px solid var(--line);border-radius:26px;padding:30px;
  box-shadow:0 24px 80px #0008
}
h1{font-size:35px;line-height:1.15;margin-top:0}
h2{color:var(--cyan);font-size:20px;margin-top:30px}
p,li{color:#d1d9e7}
.meta,.footer{color:var(--muted);font-size:13px}
.notice{
  padding:15px 17px;border:1px solid #36d7ff40;border-left:4px solid var(--cyan);
  background:#36d7ff0c;border-radius:10px
}
a{color:var(--cyan)}
code{background:#080f19;border:1px solid var(--line);padding:3px 7px;border-radius:7px}
.footer{border-top:1px solid var(--line);margin-top:38px;padding-top:20px}