@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#151c2c;--bg-elevated:#1e2740;--text-primary:#f0f4ff;--text-secondary:#8892a8;--text-muted:#5a6478;--accent:#00d4ff;--accent-rgb:0,212,255;--accent2:#7c3aed;--accent2-rgb:124,58,237;--accent3:#10b981;--accent3-rgb:16,185,129;--warning:#f59e0b;--error:#ef4444;--border:rgba(255,255,255,0.06);--border-accent:rgba(0,212,255,0.2);--glow:0 0 40px rgba(0,212,255,0.15);--radius:16px;--radius-sm:10px;--transition:0.3s cubic-bezier(0.4,0,0.2,1);--font:'Outfit',sans-serif;--font-mono:'JetBrains Mono',monospace}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(0,212,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.03) 0%,transparent 50%)}
.bg-grid::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 40px;height:72px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition);border-bottom:1px solid transparent}
.navbar.scrolled{background:rgba(10,14,23,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.4rem;color:var(--text-primary)}.nav-logo img{width:32px;height:32px;border-radius:8px}.nav-logo span{background:linear-gradient(135deg,var(--accent),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-links{display:flex;align-items:center;gap:8px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;padding:8px 18px;border-radius:8px;font-size:.9rem;font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.nav-links a.active{color:var(--accent)}
.nav-actions{display:flex;align-items:center;gap:12px}.nav-status{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);font-size:.78rem;color:var(--accent3);font-weight:500}.nav-status .pulse{width:7px;height:7px;background:var(--accent3);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{opacity:.8;box-shadow:0 0 0 6px rgba(16,185,129,0)}}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px}.hamburger span{width:24px;height:2px;background:var(--text-secondary);border-radius:2px;transition:var(--transition)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-sm);font-family:var(--font);font-weight:600;font-size:.92rem;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--accent),#0099dd);color:#000;box-shadow:0 4px 20px rgba(var(--accent-rgb),.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--accent-rgb),.4)}
.btn-secondary{background:rgba(255,255,255,.06);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);transform:translateY(-2px)}
.btn-lg{padding:16px 36px;font-size:1rem;border-radius:12px}.btn-sm{padding:8px 18px;font-size:.82rem}
section{position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section-label{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.15);color:var(--accent);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}
.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;line-height:1.7}
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}
.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;animation:orbFloat 20s ease-in-out infinite}.hero-bg-orb.orb1{width:600px;height:600px;background:rgba(var(--accent-rgb),.06);top:-200px;right:-100px}.hero-bg-orb.orb2{width:500px;height:500px;background:rgba(var(--accent2-rgb),.05);bottom:-200px;left:-100px;animation-delay:-10s}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}
.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.15);color:var(--accent);font-size:.82rem;font-weight:600;margin-bottom:28px;animation:fadeInUp .8s ease forwards}.hero-badge .badge-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}
.hero-title{font-size:clamp(2.8rem,5vw,4.2rem);font-weight:900;line-height:1.08;margin-bottom:24px;animation:fadeInUp .8s ease .1s forwards;opacity:0}
.hero-title .gradient{background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 50%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}
@keyframes shimmer{0%{background-position:0% center}100%{background-position:200% center}}
.hero-desc{font-size:1.12rem;color:var(--text-secondary);line-height:1.7;margin-bottom:36px;max-width:520px;animation:fadeInUp .8s ease .2s forwards;opacity:0}
.hero-actions{display:flex;gap:14px;margin-bottom:48px;animation:fadeInUp .8s ease .3s forwards;opacity:0}
.hero-stats{display:flex;gap:36px;animation:fadeInUp .8s ease .4s forwards;opacity:0}
.hero-stat-value{font-size:1.6rem;font-weight:800;display:flex;align-items:center;gap:4px}.hero-stat-value .stars{color:#f59e0b;font-size:.9rem}.hero-stat-label{font-size:.8rem;color:var(--text-muted);margin-top:2px}
.hero-visual{position:relative;animation:fadeInRight 1s ease .5s forwards;opacity:0}
.hero-terminal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--glow),0 20px 60px rgba(0,0,0,.4)}
.terminal-header{display:flex;align-items:center;gap:8px;padding:14px 18px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--border)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#f59e0b}.terminal-dot.green{background:#10b981}.terminal-title{font-size:.78rem;color:var(--text-muted);margin-left:8px;font-family:var(--font-mono)}
.terminal-body{padding:20px;font-family:var(--font-mono);font-size:.82rem;line-height:2}.terminal-line{display:flex;align-items:center;gap:8px}.terminal-prompt{color:var(--accent);font-weight:600}.terminal-cmd{color:var(--text-secondary)}.terminal-output{color:var(--accent3);margin-top:4px}
.terminal-cursor{display:inline-block;width:8px;height:16px;background:var(--accent);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:4px}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.float-card{position:absolute;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:.8rem;box-shadow:0 8px 24px rgba(0,0,0,.3);animation:float 6s ease-in-out infinite;z-index:2}.float-card.fc1{top:-20px;right:-30px}.float-card.fc2{bottom:40px;left:-40px;animation-delay:-2s}.float-card.fc3{bottom:-10px;right:20px;animation-delay:-4s}
.float-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.float-card-icon.green{background:rgba(16,185,129,.15);color:var(--accent3)}.float-card-icon.blue{background:rgba(0,212,255,.15);color:var(--accent)}.float-card-icon.purple{background:rgba(124,58,237,.15);color:var(--accent2)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.marquee-section{padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.marquee-track{display:flex;gap:48px;animation:marquee 30s linear infinite;width:max-content}.marquee-item{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.9rem;font-weight:500;white-space:nowrap}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.stats-bar{padding:60px 0}.stats-grid{display:flex;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stat-item{flex:1;text-align:center;padding:32px 24px;position:relative}.stat-item+.stat-item::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--border)}.stat-number{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat-desc{font-size:.85rem;color:var(--text-muted);font-weight:500}
.features{padding:100px 0}.features-header{text-align:center;margin-bottom:64px}.features-header .section-subtitle{margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;transition:var(--transition);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:var(--transition)}.feature-card:hover{border-color:rgba(var(--accent-rgb),.2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.feature-card:hover::before{opacity:1}
.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px}.feature-icon.cyan{background:rgba(var(--accent-rgb),.12)}.feature-icon.purple{background:rgba(var(--accent2-rgb),.12)}.feature-icon.green{background:rgba(var(--accent3-rgb),.12)}.feature-icon.yellow{background:rgba(245,158,11,.12)}.feature-icon.red{background:rgba(239,68,68,.12)}.feature-icon.white{background:rgba(255,255,255,.08)}
.feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}.feature-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.65}
.feature-tag{display:inline-block;padding:3px 10px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:14px}.feature-tag.new{background:rgba(var(--accent3-rgb),.15);color:var(--accent3)}.feature-tag.popular{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.feature-tag.exclusive{background:rgba(var(--accent2-rgb),.15);color:var(--accent2)}
.guarantee{padding:80px 0}.guarantee-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guarantee-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;transition:var(--transition)}.guarantee-card:hover{border-color:rgba(var(--accent-rgb),.2)}.guarantee-card .g-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:20px;background:rgba(var(--accent3-rgb),.12);color:var(--accent3)}.guarantee-card h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}.guarantee-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}
.pricing{padding:100px 0}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header .section-subtitle{margin:0 auto}
.duration-selector{display:flex;justify-content:center;gap:8px;margin-bottom:48px;padding:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;width:fit-content;margin-left:auto;margin-right:auto}.duration-btn{padding:10px 24px;border-radius:10px;font-family:var(--font);font-weight:600;font-size:.88rem;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:var(--transition);position:relative}.duration-btn.active{background:linear-gradient(135deg,var(--accent),#0099dd);color:#000;box-shadow:0 4px 16px rgba(var(--accent-rgb),.3)}.duration-btn .save-tag{position:absolute;top:-8px;right:-8px;background:var(--accent3);color:#000;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;position:relative;transition:var(--transition)}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.25)}.pricing-card.popular{border-color:rgba(var(--accent-rgb),.4);background:linear-gradient(180deg,rgba(var(--accent-rgb),.05),var(--bg-card));box-shadow:0 0 40px rgba(var(--accent-rgb),.08)}.pricing-card.popular::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:var(--radius) var(--radius) 0 0}
.popular-badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,var(--accent),#0099dd);color:#000;padding:4px 14px;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.pricing-name{font-size:1.1rem;font-weight:700;margin-bottom:4px}.pricing-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:20px}.pricing-price{margin-bottom:24px}.pricing-amount{font-size:2.8rem;font-weight:900;line-height:1}.pricing-amount .currency{font-size:1.2rem;font-weight:600;color:var(--text-secondary);vertical-align:super}.pricing-period{font-size:.82rem;color:var(--text-muted);margin-top:4px}.pricing-save{font-size:.8rem;color:var(--accent3);font-weight:700;margin-top:4px}
.pricing-features{list-style:none;margin-bottom:28px;display:flex;flex-direction:column;gap:12px}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-secondary)}.pricing-features li svg{flex-shrink:0;width:18px;height:18px;color:var(--accent3)}.pricing-card .btn{width:100%;justify-content:center}
.stock-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:700;margin-bottom:14px}.stock-badge.in-stock{background:rgba(var(--accent3-rgb),.12);color:var(--accent3)}.stock-badge.out-stock{background:rgba(239,68,68,.12);color:var(--error)}
.configurator{padding:100px 0}.config-wrapper{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.config-panel{display:flex;flex-direction:column;gap:24px}.config-group{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px 24px}.config-label{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.92rem;margin-bottom:14px}.config-label-icon{font-size:1.1rem}
.config-options{display:flex;flex-wrap:wrap;gap:8px}.config-opt{padding:10px 20px;border-radius:8px;font-family:var(--font);font-weight:600;font-size:.85rem;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-secondary);transition:var(--transition);position:relative}.config-opt:hover{border-color:rgba(var(--accent-rgb),.3);color:var(--text-primary)}.config-opt.active{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px rgba(var(--accent-rgb),.1)}.config-opt.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.config-opt.oos::after{content:'Out of Stock';position:absolute;top:-8px;right:-4px;background:var(--error);color:#fff;font-size:.55rem;padding:1px 5px;border-radius:3px;font-weight:700}
.config-notice{margin-top:10px;padding:10px 14px;border-radius:8px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:var(--warning);font-size:.8rem;font-weight:500}
.config-summary{position:sticky;top:90px}.config-summary-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--glow)}.config-summary-inner h3{font-size:1.15rem;font-weight:700;margin-bottom:20px}
.config-summary-specs{display:flex;flex-direction:column;gap:10px}.config-spec-row{display:flex;justify-content:space-between;font-size:.85rem}.config-spec-row .spec-label{color:var(--text-muted)}.config-spec-row .spec-value{font-weight:600;color:var(--text-primary)}
.config-summary-divider{height:1px;background:var(--border);margin:20px 0}.config-price-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.92rem}.config-price-row.main{font-size:1.1rem}.config-price-row span:first-child{color:var(--text-secondary)}.config-price{font-weight:800;color:var(--text-primary)}.config-price-row.main .config-price{font-size:1.5rem;color:var(--accent)}.config-savings{font-size:.78rem;color:var(--accent3);font-weight:600;margin-top:6px;text-align:right}
.referral{padding:80px 0}.referral-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden}.referral-card::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(var(--accent2-rgb),.06),transparent 70%);pointer-events:none}.referral-content h2{font-size:2rem;font-weight:800;margin-bottom:16px}.referral-content h2 span{color:var(--accent)}.referral-content>p{color:var(--text-secondary);line-height:1.7;margin-bottom:24px}
.referral-perks{display:flex;flex-direction:column;gap:16px}.referral-perk{display:flex;align-items:flex-start;gap:14px}.referral-perk-icon{width:40px;height:40px;min-width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.15)}.referral-perk h4{font-size:.95rem;font-weight:700;margin-bottom:2px}.referral-perk p{font-size:.82rem;color:var(--text-muted);margin:0}
.referral-demo-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:24px}.referral-demo-box h4{font-size:.85rem;color:var(--text-muted);margin-bottom:12px;font-weight:600}
.referral-link-demo{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:16px}.referral-link-demo code{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);flex:1}.referral-link-demo button{background:rgba(var(--accent-rgb),.15);border:none;color:var(--accent);font-family:var(--font);font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer}
.referral-reward-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.referral-reward-row:last-child{border-bottom:none}.referral-reward-row span{font-size:.85rem;color:var(--text-secondary)}.referral-reward-row strong{font-size:.85rem;color:var(--accent3);font-weight:700}
.reviews{padding:80px 0}.reviews-header{text-align:center;margin-bottom:48px}.reviews-header .section-subtitle{margin:0 auto}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:var(--transition)}.review-card:hover{border-color:rgba(var(--accent-rgb),.15);transform:translateY(-2px)}.review-stars{display:flex;gap:3px;margin-bottom:14px;color:#f59e0b;font-size:.85rem;letter-spacing:2px}.review-text{font-size:.9rem;color:var(--text-secondary);line-height:1.65;margin-bottom:18px;font-style:italic}
.review-author{display:flex;align-items:center;gap:12px}.review-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#000}.review-name{font-size:.85rem;font-weight:600}.review-meta{font-size:.75rem;color:var(--text-muted)}
.cta{padding:100px 0}.cta-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:64px 48px;text-align:center;position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3))}.cta-box::after{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(circle,rgba(var(--accent-rgb),.06),transparent 70%);pointer-events:none}.cta h2{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;margin-bottom:16px;position:relative}.cta p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto;position:relative}.cta .btn{position:relative}
.footer{border-top:1px solid var(--border);padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand p{color:var(--text-muted);font-size:.85rem;line-height:1.7;margin-top:12px;max-width:300px}.footer-col h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px}.footer-col a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.88rem;padding:4px 0;transition:var(--transition);cursor:pointer}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.8rem;color:var(--text-muted)}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:var(--transition)}.modal-overlay.open{opacity:1;pointer-events:auto}
.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:420px;position:relative;transform:translateY(20px) scale(.96);transition:var(--transition);max-height:90vh;overflow-y:auto}.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}
.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;padding:4px;line-height:1;transition:var(--transition);z-index:1}.modal-close:hover{color:var(--text-primary)}
.modal-title{font-size:1.4rem;font-weight:800;margin-bottom:6px}.modal-subtitle{font-size:.88rem;color:var(--text-muted);margin-bottom:28px}
.modal-tabs{display:flex;gap:4px;margin-bottom:24px;background:rgba(255,255,255,.04);border-radius:10px;padding:4px}.modal-tab{flex:1;padding:10px;border:none;border-radius:8px;font-family:var(--font);font-weight:600;font-size:.88rem;cursor:pointer;background:transparent;color:var(--text-muted);transition:var(--transition)}.modal-tab.active{background:rgba(var(--accent-rgb),.12);color:var(--accent)}
.modal-form{display:flex;flex-direction:column;gap:14px}
.modal-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text-primary);font-family:var(--font);font-size:.9rem;outline:none;transition:var(--transition)}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.modal-input::placeholder{color:var(--text-muted)}
.modal-form .btn{margin-top:6px;width:100%;justify-content:center}
.modal-footer-text{text-align:center;font-size:.78rem;color:var(--text-muted);margin-top:16px}.modal-footer-text a{color:var(--accent);cursor:pointer;text-decoration:none}
.auth-error{font-size:.82rem;color:var(--error);min-height:24px;padding:4px 0;transition:var(--transition);text-align:center}
.toast{position:fixed;bottom:24px;right:24px;background:var(--bg-card);border:1px solid rgba(var(--accent3-rgb),.3);color:var(--accent3);padding:12px 20px;border-radius:10px;font-weight:600;font-size:.88rem;opacity:0;transform:translateY(20px);transition:var(--transition);z-index:5000;box-shadow:0 8px 32px rgba(0,0,0,.4)}.toast.show{opacity:1;transform:translateY(0)}

.cart-badge{position:absolute;top:-5px;right:-5px;background:var(--accent);color:#000;font-size:.6rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;display:none}
.cart-btn{position:relative;background:none;border:none;color:var(--text-secondary);font-size:1.3rem;cursor:pointer;padding:4px;transition:var(--transition)}.cart-btn:hover{color:var(--text-primary)}
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1500;opacity:0;pointer-events:none;transition:var(--transition)}.cart-overlay.open{opacity:1;pointer-events:auto}
.cart-drawer{position:fixed;top:0;right:0;width:400px;max-width:90vw;height:100vh;background:var(--bg-card);border-left:1px solid var(--border);z-index:1600;transform:translateX(100%);transition:var(--transition);display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}
.cart-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.cart-header h3{font-weight:700;font-size:1.1rem}.cart-close{background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer}
.cart-body{flex:1;overflow-y:auto;padding:16px 24px}
.cart-empty{text-align:center;padding:40px 0;color:var(--text-muted)}
.cart-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);align-items:center}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-weight:600;font-size:.88rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-specs{font-size:.72rem;color:var(--text-muted)}.cart-item-price{font-weight:700;font-size:.92rem;color:var(--accent);white-space:nowrap}.cart-item-rm{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.88rem;padding:4px;transition:var(--transition)}.cart-item-rm:hover{color:var(--error)}
.cart-footer{padding:20px 24px;border-top:1px solid var(--border)}.cart-total{display:flex;justify-content:space-between;margin-bottom:16px;font-size:1.05rem;font-weight:700}.cart-total .cart-total-val{color:var(--accent)}

.pay-box{max-width:560px;padding:32px}
.pay-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.pay-header-icon{font-size:2.2rem;font-weight:700}.pay-header-title{font-size:1.3rem;font-weight:800}
.pay-summary{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:20px}.pay-summary-row{display:flex;justify-content:space-between;font-size:.85rem;padding:3px 0}.pay-summary-row span:first-child{color:var(--text-muted)}.pay-summary-row.total{font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}.pay-summary-row.total span:last-child{color:var(--accent)}
.pay-timer-wrap{text-align:center;margin-bottom:20px}.pay-timer{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:var(--text-primary);letter-spacing:2px}.pay-timer.expired{color:var(--error)}.pay-timer-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.pay-bar{height:4px;background:rgba(255,255,255,.06);border-radius:4px;margin-top:10px;overflow:hidden}.pay-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:4px;transition:width 1s linear}
.pay-qr-section{text-align:center;margin-bottom:20px}.pay-qr-section canvas{background:transparent;border-radius:12px;border:1px solid var(--border);padding:12px;max-width:200px}
.pay-address-box{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:16px}.pay-address-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:8px}.pay-address-val{font-family:var(--font-mono);font-size:.72rem;color:var(--text-primary);word-break:break-all;margin-bottom:8px;user-select:all}.pay-copy-btn{background:rgba(var(--accent-rgb),.15);border:none;color:var(--accent);font-family:var(--font);font-size:.72rem;font-weight:700;padding:6px 14px;border-radius:6px;cursor:pointer;transition:var(--transition)}.pay-copy-btn:hover{background:rgba(var(--accent-rgb),.25)}
.pay-amount-box{background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.2);border-radius:10px;padding:14px;margin-bottom:16px;text-align:center}.pay-amount-value{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--accent);margin-bottom:4px}.pay-amount-usd{font-size:.82rem;color:var(--text-muted)}
.pay-warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);color:var(--warning);padding:12px 14px;border-radius:10px;font-size:.78rem;line-height:1.5;margin-bottom:16px}
.pay-status{text-align:center;padding:16px 0}.pay-status-icon{font-size:3rem;margin-bottom:12px}.pay-status-title{font-size:1.2rem;font-weight:800;margin-bottom:6px}.pay-status-text{font-size:.88rem;color:var(--text-secondary);line-height:1.6;max-width:400px;margin:0 auto}
.pay-crypto-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.pay-crypto-option{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:var(--transition);font-family:var(--font);text-align:left;color:var(--text-primary)}.pay-crypto-option:hover:not([disabled]){border-color:rgba(var(--accent-rgb),.4);transform:translateY(-2px)}.pay-crypto-option[disabled]{opacity:.4;cursor:not-allowed}
.pay-crypto-icon{font-size:1.8rem;font-weight:700;width:40px;text-align:center}.pay-crypto-name{font-weight:700;font-size:.92rem}.pay-crypto-ticker{font-size:.75rem;color:var(--text-muted);margin-top:2px}.pay-crypto-arrow{margin-left:auto;color:var(--accent);font-size:1.2rem}.pay-crypto-unavail{margin-left:auto;font-size:.7rem;color:var(--error)}

@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-stats{justify-content:center}.hero-visual{max-width:560px;margin:0 auto}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.config-wrapper{grid-template-columns:1fr}.config-summary{position:static}.referral-card{grid-template-columns:1fr}.guarantee-grid{grid-template-columns:1fr}.reviews-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.navbar{padding:0 20px}.nav-links{display:none}.nav-status{display:none}.hamburger{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:16px;gap:4px}.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.reviews-grid{grid-template-columns:1fr}.stats-grid{flex-direction:column}.stat-item+.stat-item::before{display:none}.hero-stats{flex-wrap:wrap;gap:20px}.referral-card{padding:28px}.cta-box{padding:40px 24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.pay-crypto-grid{grid-template-columns:1fr}}
@media(max-width:480px){.hero-actions{flex-direction:column;align-items:center}.hero-title{font-size:2.2rem}.config-options{flex-direction:column}}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}

.cart-qty-wrap{display:flex;align-items:center;gap:4px}.cart-qty-btn{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text-primary);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:var(--transition);font-family:var(--font)}.cart-qty-btn:hover{background:rgba(var(--accent-rgb),.15);border-color:var(--accent)}.cart-qty-val{font-weight:700;font-size:.9rem;min-width:24px;text-align:center}
.pay-qr-section svg{max-width:200px;margin:0 auto;display:block;border:1px solid var(--border);border-radius:12px;padding:12px;background:rgba(255,255,255,.03)}
.pay-status-icon{font-size:3rem;margin-bottom:12px}

.pricing-win-select{margin-bottom:18px}.pricing-win-select label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);display:block;margin-bottom:8px}
.pricing-win-btns{display:flex;gap:6px}.pw-btn{padding:7px 16px;border-radius:7px;font-family:var(--font);font-weight:600;font-size:.8rem;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:var(--transition)}.pw-btn:hover{border-color:rgba(var(--accent-rgb),.3);color:var(--text-primary)}.pw-btn.active{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);color:var(--accent)}

.config-period-toggle{display:flex;gap:6px;padding:4px;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:10px}
.config-period-btn{flex:1;padding:8px 14px;border-radius:8px;font-family:var(--font);font-weight:600;font-size:.82rem;cursor:pointer;border:none;background:transparent;color:var(--text-muted);transition:var(--transition);text-align:center}
.config-period-btn.active{background:rgba(var(--accent-rgb),.12);color:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.1)}
.config-period-btn:hover:not(.active){color:var(--text-primary)}