*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#070707;color:#fff}
#loader{position:fixed;inset:0;z-index:9999;background:#050505;display:flex;align-items:center;justify-content:center;transition:.6s}
#loader.hide{opacity:0;visibility:hidden}.loader-card{text-align:center;color:#f4c75c}.loader-ring{width:82px;height:82px;border-radius:50%;border:4px solid rgba(244,199,92,.15);border-top-color:#f4c75c;border-right-color:#22ff88;margin:0 auto 18px;animation:spin 1s linear infinite;box-shadow:0 0 30px rgba(244,199,92,.35)}.loader-card strong{display:block;font-size:26px}.loader-card span{color:#ccc}@keyframes spin{to{transform:rotate(360deg)}}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:30px}
.hero-bg{position:absolute;inset:0;background:
linear-gradient(rgba(0,0,0,.64),rgba(0,0,0,.84)),
url('https://images.unsplash.com/photo-1561414927-6d86591d0c4f?auto=format&fit=crop&w=1800&q=80') center/cover;
filter:blur(3px);transform:scale(1.06)}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(238,190,80,.18),transparent 42%),linear-gradient(90deg,rgba(244,199,92,.10),transparent,rgba(34,255,136,.08))}
.hero-content{position:relative;z-index:2;max-width:900px}.badge,.small-title{display:inline-block;color:#f4c75c;border:1px solid rgba(244,199,92,.45);padding:9px 16px;border-radius:999px;background:rgba(244,199,92,.08);letter-spacing:.5px}
h1{font-size:clamp(46px,8vw,86px);margin:22px 0 8px;color:#f4c75c;text-shadow:0 0 22px rgba(244,199,92,.55)}
h2{font-size:clamp(28px,4vw,42px);margin:12px 0}p{color:#cfcfcf;line-height:1.7}.hero p{font-size:20px}.buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;padding:16px 28px;border:1px solid #f4c75c;color:#f4c75c;text-decoration:none;border-radius:14px;font-weight:bold;transition:.25s}.btn:hover,.gold{background:#f4c75c;color:#101010;box-shadow:0 0 22px rgba(244,199,92,.65)}
main{max-width:1180px;margin:auto;padding:34px 18px}.limited,.contact{border:1px solid rgba(244,199,92,.28);background:linear-gradient(135deg,rgba(244,199,92,.12),rgba(255,255,255,.03));border-radius:24px;padding:32px;margin:28px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 0 28px rgba(244,199,92,.13)}
.stock-live{min-width:220px;background:#0d0d0d;border:1px solid rgba(34,255,136,.45);border-radius:22px;padding:20px;text-align:center;box-shadow:0 0 24px rgba(34,255,136,.18)}.live-dot{width:11px;height:11px;background:#22ff88;border-radius:50%;margin:0 auto 8px;box-shadow:0 0 14px #22ff88;animation:pulse 1s infinite}.stock-number{font-size:52px;color:#22ff88;font-weight:900;text-shadow:0 0 18px rgba(34,255,136,.65)}.stock-bar,.progress{height:10px;background:#151515;border-radius:999px;overflow:hidden;margin-top:12px;border:1px solid rgba(255,255,255,.08)}.stock-bar span,.progress em{display:block;height:100%;background:linear-gradient(90deg,#f4c75c,#22ff88);box-shadow:0 0 16px #22ff88}@keyframes pulse{50%{transform:scale(1.35);opacity:.55}}
.counter-wrap{display:flex;gap:14px}.counter-box{min-width:98px;text-align:center;background:#111;border:1px solid rgba(244,199,92,.35);border-radius:18px;padding:18px;box-shadow:inset 0 0 18px rgba(244,199,92,.08)}.counter-box strong{display:block;font-size:34px;color:#f4c75c}.counter-box span{color:#bbb}
.packages,.features,.guides,.faq,.about{padding:45px 0}.grid,.feature-grid,.guide-grid,.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card,.feature-grid div,.guide-grid article,.about-grid article,details{background:rgba(18,18,18,.92);border:1px solid rgba(244,199,92,.26);border-radius:20px;padding:24px;box-shadow:0 0 18px rgba(244,199,92,.10),0 10px 30px rgba(0,0,0,.35);position:relative;overflow:hidden}
.card:before,.guide-grid article:before,.about-grid article:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,rgba(244,199,92,.38),transparent);opacity:.45;filter:blur(18px);z-index:-1}.card{text-align:center}.card h3{font-size:24px}.card b{font-size:32px;color:#f4c75c}.popular{border-color:#f4c75c;box-shadow:0 0 32px rgba(244,199,92,.35)}.popular>span,.green-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:#f4c75c;color:#111;padding:7px 15px;border-radius:0 0 12px 12px;font-size:12px;font-weight:bold}.green-badge{background:#22ff88;color:#04130a}.green-glow{border-color:rgba(34,255,136,.65);box-shadow:0 0 30px rgba(34,255,136,.22)}.green-glow b{color:#22ff88}.green em{background:linear-gradient(90deg,#0f7,#22ff88,#caffdf)}.strong{box-shadow:0 0 38px rgba(34,255,136,.32)}
.package-list{list-style:none;padding:0;margin:18px 0 0;text-align:left}.package-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#ddd}.package-list li:before{content:"✓";color:#22ff88;margin-right:8px;text-shadow:0 0 10px #22ff88}
.feature-grid b,.guide-grid h3,.about-grid h3{color:#f4c75c}.faq details{margin:12px 0}.faq summary{cursor:pointer;font-weight:bold;color:#f4c75c}.faq p{margin-bottom:0}.contact{display:block;text-align:center}
@media(max-width:880px){.limited{display:block;text-align:center}.stock-live{margin:20px auto}.counter-wrap{justify-content:center;flex-wrap:wrap}.counter-box{min-width:86px}.buttons{flex-direction:column}.btn{width:100%}}
