:root{
  --bg:#05060e;--text:#eef1ff;--muted:#9aa3c0;--soft:#c4cae0;
  --violet:#8b5cf6;--vb:#a78bfa;--teal:#2dd4bf;--cyan:#34e3ff;--gold:#ffd27a;--pink:#ff5cc8;
  --border:rgba(120,130,190,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Sora',system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--vb);text-decoration:none}
a:hover{color:#fff;text-decoration:underline}

.bgglow{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(45% 40% at 12% 8%,rgba(139,92,246,.16),transparent 70%),radial-gradient(40% 38% at 90% 100%,rgba(45,212,191,.10),transparent 70%)}
.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    radial-gradient(1.4px 1.4px at 24px 38px,rgba(255,255,255,.55),transparent),
    radial-gradient(1px 1px at 130px 90px,rgba(210,220,255,.4),transparent),
    radial-gradient(1.2px 1.2px at 210px 160px,rgba(255,255,255,.45),transparent),
    radial-gradient(1px 1px at 70px 200px,rgba(210,220,255,.35),transparent),
    radial-gradient(1.3px 1.3px at 280px 60px,rgba(255,255,255,.4),transparent);
  background-size:320px 240px}

header.site{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;
  padding:18px clamp(18px,5vw,56px);backdrop-filter:blur(10px);
  background:linear-gradient(180deg,rgba(5,6,14,.7),transparent);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:12px}
.mark{width:34px;height:34px;border-radius:10px;position:relative;
  background:conic-gradient(from 0deg,var(--violet),var(--cyan),var(--gold),var(--pink),var(--violet));
  box-shadow:0 0 18px rgba(139,92,246,.6);animation:spin 9s linear infinite}
.mark::after{content:"";position:absolute;inset:4px;border-radius:6px;background:var(--bg)}
.mark::before{content:"";position:absolute;inset:0;border-radius:10px;z-index:2;
  background:radial-gradient(circle at 50% 45%,var(--gold),transparent 55%);opacity:.9}
.brand b{font-family:'Orbitron',sans-serif;font-weight:800;font-size:16px;letter-spacing:1px;
  background:linear-gradient(90deg,#fff,var(--vb));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:3px;margin-top:-2px}
header.site .back{color:var(--muted);font-size:14px}
header.site .back:hover{color:#fff;text-decoration:none}
@keyframes spin{to{transform:rotate(360deg)}}

.wrap{position:relative;z-index:10;max-width:820px;margin:0 auto;padding:clamp(40px,7vw,80px) clamp(20px,5vw,40px) 90px}
.wrap h1{font-family:'Orbitron',sans-serif;font-weight:900;font-size:clamp(32px,6vw,54px);letter-spacing:.5px;line-height:1.05;
  background:linear-gradient(110deg,#fff,var(--vb) 70%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap .updated{color:var(--muted);font-size:13px;letter-spacing:1px;margin-top:10px;margin-bottom:30px}
.wrap .lede{font-size:17px;color:var(--soft);margin-bottom:8px}
.wrap h2{font-family:'Orbitron',sans-serif;font-weight:700;font-size:clamp(19px,3vw,24px);margin-top:38px;margin-bottom:12px;color:#fff;
  padding-left:14px;border-left:3px solid var(--violet)}
.wrap h3{font-weight:600;font-size:16px;margin-top:22px;margin-bottom:8px;color:var(--vb)}
.wrap p{color:var(--soft);margin-bottom:14px;font-weight:300}
.wrap ul{color:var(--soft);margin:0 0 16px 0;padding-left:22px;font-weight:300}
.wrap li{margin-bottom:9px}
.wrap b{color:var(--text);font-weight:600}
.callout{margin:8px 0 26px;padding:18px 20px;border-radius:14px;
  background:linear-gradient(180deg,rgba(139,92,246,.12),rgba(45,212,191,.06));
  border:1px solid rgba(167,139,250,.3);color:#fff;font-weight:600;letter-spacing:.3px}

.faq{margin-top:10px}
.faq .q{border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin-bottom:14px;
  background:linear-gradient(180deg,rgba(22,26,46,.55),rgba(12,15,28,.55))}
.faq .q h3{margin-top:0;color:#fff;font-size:17px}
.faq .q p{margin-bottom:0}

footer.site{position:relative;z-index:10;text-align:center;padding:40px 20px;color:var(--muted);font-size:13px;border-top:1px solid var(--border)}
footer.site a{color:var(--vb)}
footer.site .fine{margin-top:10px;font-size:12px;opacity:.6}