@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}
:root{--bg:#0a0a0a;--bg-card:#141414;--accent:#00D4AA;--accent-glow:rgba(0,212,170,0.15);--cta:#FF6B35;--cta-hover:#FF8855;--text:#FFF;--text-muted:#999;--text-dim:#555;--border:#222;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}
.container{max-width:720px;margin:0 auto;padding:0 1.5rem;}
.top-bar{background:rgba(10,10,10,0.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:12px 1.5rem;position:fixed;top:0;width:100%;z-index:100;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:0.8rem;}
.top-bar .viewers{color:var(--accent);font-weight:600;}
.top-bar .timer-bar{color:var(--cta);font-weight:700;}
.hero-sales{padding:80px 0 40px;text-align:center;background:radial-gradient(ellipse at top,rgba(0,212,170,0.08) 0%,transparent 60%);}
.logo{font-size:1.4rem;font-weight:800;color:var(--accent);text-decoration:none;letter-spacing:-0.5px;}
.logo span{color:#FFF;}
.hero-sales .logo{font-size:1.2rem;margin-bottom:2rem;display:block;}
.hero-sales h1{font-size:2.8rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-1px;}
.hero-sales h1 .highlight{color:var(--accent);}
.features{list-style:none;text-align:left;max-width:420px;margin:0 auto 2rem;}
.features li{padding:10px 0;font-size:1.05rem;display:flex;align-items:center;gap:12px;}
.features li .icon{font-size:1.3rem;}
.features li strong{color:var(--text);}
.features li span{color:var(--text-muted);}
.price-box{background:var(--bg-card);border:2px solid var(--accent);border-radius:16px;padding:2rem;text-align:center;margin:2rem auto;max-width:440px;}
.price-original{font-size:1.1rem;color:var(--text-dim);text-decoration:line-through;margin-bottom:0.3rem;}
.price-main{font-size:3rem;font-weight:900;color:var(--accent);margin-bottom:0.3rem;}
.price-per{font-size:0.85rem;color:var(--text-muted);margin-bottom:1.2rem;}
.btn-buy{display:block;width:100%;padding:18px;border-radius:10px;background:var(--cta);color:#fff;font-size:1.15rem;font-weight:800;border:none;cursor:pointer;transition:all 0.2s;text-decoration:none;text-align:center;}
.btn-buy:hover{background:var(--cta-hover);transform:translateY(-1px);}
.trust-icons{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;font-size:0.75rem;color:var(--text-muted);}
.trust-icons span{display:flex;align-items:center;gap:4px;}
.section{padding:60px 0;}
.section-dark{background:var(--bg-card);padding:60px 0;}
.section h2,.section-dark h2{font-size:1.8rem;font-weight:800;text-align:center;margin-bottom:2rem;letter-spacing:-0.5px;}
.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem;}
.section-dark .testimonial-card{background:var(--bg);}
.testimonial-card .stars{color:#FFB800;margin-bottom:0.5rem;}
.testimonial-card p{font-size:0.95rem;color:var(--text-muted);font-style:italic;margin-bottom:0.8rem;line-height:1.6;}
.testimonial-card .author{font-weight:700;font-size:0.85rem;}
.testimonial-card .role{font-size:0.75rem;color:var(--text-dim);}
.mid-cta{text-align:center;padding:3rem 0;background:radial-gradient(ellipse,rgba(0,212,170,0.06) 0%,transparent 70%);}
.mid-cta p{color:var(--text-muted);margin-bottom:1rem;font-size:1rem;}
.mid-cta .price-tag{font-size:2rem;font-weight:900;color:var(--accent);margin-bottom:1rem;}
.contents-grid{display:grid;grid-template-columns:1fr;gap:1rem;}
.content-block{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.2rem;}
.section-dark .content-block{background:var(--bg-card);border-color:#2a2a2a;}
.content-block .label{font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:0.8rem;}
.content-block .label.green{color:var(--accent);}
.content-block .label.orange{color:var(--cta);}
.content-block .item{padding:7px 0;font-size:0.9rem;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;}
.content-block .item:last-child{border-bottom:none;}
.content-block .item .num{background:var(--accent-glow);color:var(--accent);width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:800;flex-shrink:0;}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;text-align:center;}
.step .step-icon{font-size:2rem;margin-bottom:0.5rem;}
.step h3{font-size:1rem;font-weight:700;margin-bottom:0.3rem;}
.step p{font-size:0.8rem;color:var(--text-muted);}
.includes-list{list-style:none;max-width:500px;margin:0 auto;}
.includes-list li{padding:12px 0;font-size:1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;}
.includes-list li .check{color:var(--accent);font-weight:700;font-size:1.1rem;}
.includes-list li.bonus{color:var(--cta);font-weight:600;}
.includes-list li.bonus .check{color:var(--cta);}
.checkout-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:500px;margin:2rem auto;}
.checkout-product{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem;}
.checkout-product .name{font-weight:700;font-size:0.95rem;}
.checkout-product .checkout-prices{text-align:right;}
.checkout-product .old-price{font-size:0.8rem;color:var(--text-dim);text-decoration:line-through;}
.checkout-product .new-price{font-size:1.1rem;font-weight:800;color:var(--accent);}
.upsell-section{margin-bottom:1.5rem;}
.upsell-title{font-size:0.85rem;font-weight:700;color:var(--cta);margin-bottom:0.8rem;display:flex;align-items:center;gap:6px;}
.upsell-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:0.5rem;cursor:pointer;transition:all 0.2s;}
.upsell-item:hover{border-color:var(--accent);}
.upsell-item.selected{border-color:var(--accent);background:var(--accent-glow);}
.upsell-left{display:flex;align-items:center;gap:10px;}
.upsell-checkbox{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--accent);flex-shrink:0;}
.upsell-item.selected .upsell-checkbox{background:var(--accent);color:#000;border-color:var(--accent);}
.upsell-name{font-size:0.85rem;}
.upsell-price{font-size:0.85rem;font-weight:700;color:var(--accent);white-space:nowrap;}
.upsell-original{font-size:0.7rem;color:var(--text-dim);text-decoration:line-through;margin-right:4px;}
.checkout-total{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);margin-bottom:1.5rem;}
.checkout-total .label{font-size:0.9rem;font-weight:600;}
.checkout-total .total{font-size:1.5rem;font-weight:900;color:var(--accent);}
.faq-item{border-bottom:1px solid var(--border);padding:1.2rem 0;}
.faq-item summary{font-weight:700;font-size:1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq-item summary::after{content:"+";font-size:1.3rem;color:var(--accent);}
.faq-item[open] summary::after{content:"−";}
.faq-item p{color:var(--text-muted);font-size:0.9rem;margin-top:0.8rem;line-height:1.6;}
.sticky-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(10,10,10,0.97);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:10px 1.5rem;z-index:100;transform:translateY(100%);transition:transform 0.3s;}
.sticky-bar.visible{transform:translateY(0);}
.sticky-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.sticky-info{display:flex;align-items:center;gap:1rem;}
.sticky-price{font-size:1.3rem;font-weight:900;color:var(--accent);}
.sticky-bonus{background:rgba(255,107,53,0.12);border:1px solid rgba(255,107,53,0.3);color:var(--cta);padding:5px 12px;border-radius:6px;font-size:0.7rem;font-weight:700;}
.sticky-bar .btn-buy{width:auto;padding:12px 28px;font-size:0.95rem;}
footer{border-top:1px solid var(--border);padding:2rem;text-align:center;}
footer p{color:var(--text-dim);font-size:0.75rem;}
footer a{color:var(--text-muted);text-decoration:none;}
@media(max-width:768px){.hero-sales h1{font-size:2rem;}.price-main{font-size:2.5rem;}.steps{grid-template-columns:repeat(2,1fr);}.sticky-bonus{display:none;}.top-bar{font-size:0.7rem;gap:0.5rem;}}
