:root{--bg:#050816;--bg-2:#0b1120;--bg-3:#111827;--text:#fff;--text-soft:#cbd5e1;--text-muted:#94a3b8;--yellow:#facc15;--yellow-2:#fde047;--red:#ef4444;--blue:#60a5fa;--green:#22c55e;--border:#ffffff1f;--card:#ffffff0d;--card-2:#ffffff0f;--shadow:0 0 50px #facc1540;--radius:24px;--radius-sm:18px;--container:1180px;--space:clamp(16px, 2vw, 24px);--section-pad:clamp(56px, 8vw, 110px);--hero-title:clamp(42px, 8vw, 76px);--section-title:clamp(32px, 6vw, 56px);--subtitle:clamp(22px, 3.4vw, 32px);--body:clamp(17px, 2vw, 20px);--small:clamp(15px, 1.6vw, 18px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.wrapper{width:min(100% - 32px, var(--container));margin:0 auto}.hero{background:radial-gradient(circle at 100% 0,#facc151f,#0000 30%),linear-gradient(135deg,#020617 0%,#0f172a 50%,#172554 100%);align-items:center;min-height:100svh;padding:clamp(28px,5vw,48px) 0;display:flex}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid}.hero-copy{order:1}.hero-media{order:2;justify-content:center;display:flex}.badge{color:var(--yellow);background:#facc151f;border:1px solid #facc1547;border-radius:999px;justify-content:center;align-items:center;margin-bottom:20px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}h1{font-size:var(--hero-title);letter-spacing:-.03em;margin-bottom:16px;font-weight:900;line-height:.96}.red{color:var(--red)}.subtitle{font-size:var(--subtitle);color:var(--yellow);margin-bottom:18px;font-weight:700;line-height:1.2}.seo-support{color:#e2e8f0;max-width:60ch;margin-bottom:18px;font-size:clamp(18px,2vw,21px)}.description{font-size:var(--body);color:var(--text-soft);max-width:62ch;margin-bottom:28px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.card{background:var(--card-2);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;min-height:120px;padding:18px}.card h3{margin-bottom:8px;font-size:clamp(18px,2vw,22px)}.yellow{color:var(--yellow)}.blue{color:var(--blue)}.card p{color:var(--text-soft);font-size:15px}.buttons{flex-wrap:wrap;gap:14px;display:flex}.btn{border-radius:var(--radius-sm);text-align:center;justify-content:center;align-items:center;min-height:52px;padding:14px 24px;font-size:clamp(16px,1.8vw,19px);font-weight:700;transition:transform .25s,background .25s,border-color .25s;display:inline-flex}.btn-primary{background:var(--yellow);color:#111}.btn-primary:hover{background:var(--yellow-2);transform:translateY(-2px)}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff3}.btn-secondary:hover{border-color:var(--yellow);color:var(--yellow)}.book-frame{width:min(100%,480px);box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:32px;padding:14px}.book-image{border-radius:24px;width:100%;max-width:420px;margin:0 auto}.section{padding:var(--section-pad) 0}.section-dark{background:#020617}.section-alt{background:#07101f}.section h2{font-size:var(--section-title);text-align:center;margin-bottom:22px;font-weight:900;line-height:1.05}.section-lead{color:var(--text-soft);text-align:center;max-width:860px;margin:0 auto;font-size:clamp(18px,2.2vw,22px)}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:52px;display:grid}.feature{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:28px;padding:32px 24px;transition:transform .25s}.feature:hover{transform:translateY(-6px)}.feature .icon{margin-bottom:14px;font-size:48px}.feature h3{margin-bottom:12px;font-size:clamp(24px,3vw,30px)}.feature p{color:var(--text-soft);font-size:var(--small)}.content-box{gap:18px;max-width:1000px;margin:44px auto 0;display:grid}.panel{background:var(--card);border:1px solid var(--border);border-radius:28px;padding:clamp(22px,3vw,32px)}.panel h3{color:var(--yellow);margin-bottom:14px;font-size:clamp(24px,3vw,30px)}.panel p,.panel li{color:#dbe4f0;font-size:clamp(17px,1.9vw,19px);line-height:1.8}.panel ul{gap:10px;list-style:none;display:grid}.panel li:before{content:"• ";color:var(--yellow);font-weight:700}.cta{padding:var(--section-pad) 0;color:#111;background:linear-gradient(90deg,#facc15,#f97316)}.cta .wrapper{text-align:center;justify-items:center;gap:28px;display:grid}.cta h2{font-size:clamp(34px,6vw,60px);font-weight:900;line-height:1.05}.cta p{max-width:820px;font-size:clamp(18px,2.3vw,24px)}.book-image2{border-radius:28px;width:min(100%,980px);box-shadow:0 0 40px #1111112e}.testimonial-wrap{justify-content:center;margin-top:48px;display:flex}.testimonial-embed{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:24px;width:min(100%,380px);height:500px;overflow:hidden}.testimonial-embed iframe{background:#fff;border:0;width:100%;height:100%}.faq-grid{gap:18px;max-width:1000px;margin:44px auto 0;display:grid}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:clamp(20px,3vw,30px)}.faq-item h3{color:var(--yellow);margin-bottom:12px;font-size:clamp(22px,2.8vw,28px)}.faq-item p{color:#dbe4f0;font-size:clamp(17px,1.9vw,19px)}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff14;padding:28px 0 110px;font-size:15px}.footer a{color:var(--yellow)}.sticky-cta{z-index:999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050816eb;border:1px solid #ffffff24;border-radius:18px;padding:10px;display:none;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 10px 30px #00000047}.sticky-cta .btn{width:100%;min-height:54px;font-size:18px}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero-copy,.hero-media{order:unset}.hero-copy{text-align:center}.seo-support,.description{margin-left:auto;margin-right:auto}.buttons{justify-content:center}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.features{grid-template-columns:1fr}}@media (max-width:640px){.wrapper{width:min(100% - 24px, var(--container))}.hero{min-height:auto;padding-top:20px;padding-bottom:40px}.badge{padding:9px 14px;font-size:13px}.cards{grid-template-columns:1fr}.card{min-height:auto}.buttons{flex-direction:column}.btn{width:100%}.feature{padding:26px 20px}.testimonial-embed{height:440px}.footer{padding-bottom:110px}.sticky-cta{display:block}}
