:root{--bg:#020617;--card:#0f172a;--line:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--brand:#22c55e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
.container{width:min(1160px,92%);margin:0 auto}
.topbar{position:sticky;top:0;z-index:30;background:rgba(2,6,23,.82);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.navwrap{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:14px}
.logo{font-weight:800;letter-spacing:.5px;color:#fff;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:8px}nav a{color:#cbd5e1;text-decoration:none;padding:8px 10px;border:1px solid #243041;border-radius:10px;font-size:14px}
nav a:hover{border-color:#3b82f6;color:#fff}
.hero{padding:54px 0;background:radial-gradient(1000px 420px at 10% -20%,#1d4ed8,transparent),radial-gradient(900px 420px at 90% -10%,#166534,transparent)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
.hero img{width:100%;border-radius:16px;border:1px solid #334155;max-height:360px;object-fit:cover}
.pill{display:inline-block;background:#14532d;border:1px solid #16a34a;padding:6px 10px;border-radius:999px;font-size:12px}
h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.2;margin:14px 0}.lead{color:#dbeafe}
main{padding:22px 0 40px}section{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;margin:14px 0}
h2{font-size:1.6rem;margin:0 0 12px;color:#f8fafc}h3{margin:14px 0 8px;color:#bfdbfe}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;background:transparent;border:none;padding:0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}.card img{width:100%;height:140px;object-fit:cover;border-radius:10px;border:1px solid #334155}
ul{padding-left:20px}.foot{padding:26px 0;color:var(--muted);text-align:center}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.navwrap{align-items:flex-start;flex-direction:column}}

.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.cta-btn{display:inline-block;background:#22c55e;color:#052e16;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid #16a34a}
.cta-btn.alt{background:#0ea5e9;color:#082f49;border-color:#0284c7}
.inline-cta{margin:12px 0 4px}
.sticky-cta{position:fixed;right:16px;bottom:16px;z-index:50;background:#f59e0b;color:#111827;padding:11px 14px;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.35)}

.bonus-box{margin-top:14px;padding:12px 14px;border:1px solid #16a34a;background:#052e1f;border-radius:12px}
.bonus-box p{margin:6px 0}
.bonus-note{font-size:13px;color:#bbf7d0;font-weight:700}

.bonus-img-wrap{display:block;margin-top:10px}
.bonus-img{width:100%;max-width:420px;border-radius:12px;border:1px solid #22c55e;display:block}