:root{
  --bg:#08000f;--bg2:#13051f;--panel:#160a24;--panel2:#211030;--text:#fff;--muted:#d9cde6;
  --gold:#f5c454;--gold2:#d8911f;--purple:#a315ff;--pink:#f02dbf;--line:rgba(255,255,255,.14);
  --shadow:0 18px 50px rgba(0,0,0,.45);--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#26113b 0,#08000f 52%,#050008 100%);color:var(--text);line-height:1.7}.wrap{width:min(1160px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(8,0,15,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo img{height:46px;width:auto;display:block}.menu{display:flex;align-items:center;gap:18px}.menu a{color:#fff;text-decoration:none;font-weight:800;font-size:14px;opacity:.92}.menu a:hover{color:var(--gold)}.hamb{display:none;border:1px solid var(--line);background:#1b0d29;color:#fff;border-radius:12px;padding:10px 13px;font-weight:900}.btn,.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;text-decoration:none;cursor:pointer;font-weight:950;letter-spacing:.3px;border-radius:999px;padding:14px 22px;color:#111;background:linear-gradient(135deg,#ffe38a,#d48b18 65%,#fff0b2);box-shadow:0 12px 25px rgba(216,145,31,.25)}.btn.purple{color:#fff;background:linear-gradient(135deg,#6f1aff,#f02dbf);box-shadow:0 12px 25px rgba(163,21,255,.28)}.hero{padding:56px 0 36px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(245,196,84,.45);border-radius:999px;padding:8px 14px;color:var(--gold);background:rgba(245,196,84,.08);font-weight:900}.hero h1{font-size:clamp(38px,6vw,78px);line-height:.98;margin:18px 0 18px;font-weight:1000;letter-spacing:-2px}.grad{background:linear-gradient(135deg,#fff,#ffe18b 44%,#ff39ce 75%,#6c78ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-img{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(245,196,84,.35);box-shadow:var(--shadow);background:#111}.hero-img img{display:block;width:100%;height:auto}.section{padding:42px 0}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.section h2{font-size:clamp(28px,4vw,46px);line-height:1.08;margin:0}.section .lead{color:var(--muted);max-width:680px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.24)}.card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.card .pad{padding:20px}.card h3{margin:0 0 10px;font-size:23px}.card p{color:var(--muted);margin:0}.article{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.article h2,.article h3{line-height:1.16}.article p{color:#eee}.article a{color:#ffdb73;font-weight:900;text-decoration:none}.article a:hover{text-decoration:underline}.toc{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.toc a{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:16px;color:#fff;text-decoration:none;padding:12px 14px;font-weight:850}.banner-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.banner-row img{width:100%;border-radius:22px;border:1px solid rgba(245,196,84,.28);box-shadow:var(--shadow)}.faq{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.05);overflow:hidden}.faq-q{padding:16px 18px;font-weight:950;cursor:pointer}.faq-a{display:none;padding:0 18px 18px;color:var(--muted)}.faq-item.active .faq-a{display:block}.bottom-cta{position:sticky;bottom:0;z-index:45;background:rgba(8,0,15,.9);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:12px 0}.bottom-cta .wrap{display:flex;gap:12px;justify-content:center}.bottom-cta a{flex:0 1 320px}.footer{padding:38px 0 100px;color:#cdbfda;border-top:1px solid var(--line);background:#07000d}.footer a{color:#fff;text-decoration:none}.note{font-size:13px;color:#b9a9c7}.breadcrumbs{font-size:14px;color:#cabbd9;margin:0 0 18px}.breadcrumbs a{color:#fff;text-decoration:none}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill{border:1px solid rgba(245,196,84,.38);border-radius:999px;padding:9px 13px;background:rgba(245,196,84,.07);color:#ffe18b;font-weight:850}
@media (max-width:900px){.hamb{display:block}.menu{position:absolute;top:78px;left:4%;right:4%;display:none;flex-direction:column;align-items:stretch;background:#0b0112;border:1px solid rgba(245,196,84,.26);border-radius:22px;padding:16px;box-shadow:var(--shadow)}.menu.open{display:flex}.menu a{padding:12px;border-radius:12px;background:rgba(255,255,255,.04)}.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.toc{grid-template-columns:1fr 1fr}.banner-row{grid-template-columns:1fr}.nav{height:72px}.logo img{height:38px}.bottom-cta .wrap{width:96%}.bottom-cta a{font-size:13px;padding:12px 10px}.article{padding:20px}.hero{padding-top:32px}}
@media (max-width:520px){.toc{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.actions .btn{width:100%}.bottom-cta .wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bottom-cta a{width:100%;font-size:12px}.hero-img{border-radius:18px}.section{padding:32px 0}}