*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#1e1b4b,#0b0b12 60%);color:#e5e7eb;font:16px/1.5 system-ui,sans-serif;min-height:100vh}
main{max-width:880px;margin:auto;padding:48px 20px}h1{font-size:2.2rem;line-height:1.2;margin:28px 0 0;background:linear-gradient(90deg,#a78bfa,#22d3ee);-webkit-background-clip:text;color:transparent}h1 span{color:#facc15}
.sub{color:#9ca3af}form{display:flex;gap:8px;margin:20px 0}input{flex:1;padding:14px;border-radius:12px;border:1px solid #333;background:#111827;color:#fff;font-size:1rem}
button{padding:14px 20px;border:0;border-radius:12px;background:linear-gradient(90deg,#7c3aed,#0891b2);color:#fff;font-weight:600;cursor:pointer}
#ex button{background:#1f2937;border:1px solid #374151;padding:6px 12px;margin:4px;border-radius:999px;font-weight:400;font-size:.85rem}#ex button:hover{border-color:#a78bfa}
.card{margin-top:24px;background:#111827cc;border:1px solid #2e3445;border-radius:16px;padding:24px}.tag{display:inline-block;background:#312e81;color:#c7d2fe;padding:2px 10px;border-radius:999px;font-size:.8rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:16px}.item{background:#0b1020;border:1px solid #1f2937;border-radius:12px;padding:12px}
.item h3{margin:0 0 4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#22d3ee}.item a{color:#e5e7eb}.item small{color:#9ca3af;display:block}
footer{margin-top:40px;color:#6b7280;font-size:.8rem}
.brand{display:flex;align-items:center;gap:10px}.wm{font-weight:800;font-size:1.4rem;letter-spacing:-.02em}.wm b{background:linear-gradient(90deg,#a78bfa,#22d3ee);-webkit-background-clip:text;color:transparent;margin-left:2px}
a{color:#a5b4fc}.note{color:#fbbf24;font-size:.9rem}.guides{margin:14px 0 0;font-size:.9rem}
nav.top{display:flex;justify-content:space-between;align-items:center}nav.top a.brand{text-decoration:none;color:#e5e7eb}
.faq details{background:#111827cc;border:1px solid #2e3445;border-radius:12px;padding:14px 16px;margin:8px 0}.faq summary{cursor:pointer;font-weight:600}
.prose h2{margin-top:32px;color:#c4b5fd}.prose li{margin:6px 0}.cta{display:inline-block;margin:20px 0;padding:12px 20px;border-radius:12px;background:linear-gradient(90deg,#7c3aed,#0891b2);color:#fff;text-decoration:none;font-weight:600}
.cats{display:flex;flex-wrap:wrap;gap:8px}.cats a{background:#1f2937;border:1px solid #374151;padding:6px 12px;border-radius:999px;text-decoration:none;color:#e5e7eb;font-size:.85rem}
.loadout{margin-top:40px;padding:28px;border-radius:16px;border:1px solid #4c1d95;background:linear-gradient(135deg,#1e1b4bcc,#083344cc);box-shadow:0 0 40px #7c3aed22}.loadout h2{margin:0;color:#c4b5fd}.fallback{margin:10px 0 0;font-size:.9rem}
.navlink{color:#22d3ee;text-decoration:none;font-weight:600;border:1px solid #155e75;padding:6px 12px;border-radius:999px}.navlink:hover{background:#083344}
.aff{font-size:.7rem;background:#3f3f46;color:#fde68a;padding:1px 6px;border-radius:6px;vertical-align:middle}
.disc{font-size:.78rem;color:#9ca3af;margin:10px 0 0}.sponsored{margin-top:12px;border-color:#a16207;background:#1c1405}.sp-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#facc15;color:#111;padding:2px 8px;border-radius:6px;margin-bottom:6px}