:root{--primary:#ff7a00;--primary-light:#ffb347;--primary-dark:#e06800;--primary-rgb:255,122,0;--bg-dark:#0f0f0f;--bg-card:rgba(20,20,20,0.8);--bg-glass:rgba(255,255,255,0.04);--border-glass:rgba(255,255,255,0.08);--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--success:#00c853;--success-rgb:0,200,83;--danger:#ff1744;--danger-rgb:255,23,68;--warning:#ffab00;--warning-rgb:255,171,0;--info:#40c4ff;--info-rgb:64,196,255;--radius:16px;--radius-sm:10px;--font:'Poppins',sans-serif}[data-theme=light]{--bg-dark:#f5f5f5;--bg-card:rgba(255,255,255,0.9);--bg-glass:rgba(0,0,0,0.03);--border-glass:rgba(0,0,0,0.1);--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#888}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background .4s,color .4s}a{text-decoration:none;color:inherit;transition:all .3s}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.loading-screen{position:fixed;inset:0;z-index:99999;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-out}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:spin 1.2s linear infinite}.loader-ring:nth-child(2){width:80%;height:80%;animation-duration:1.8s;animation-direction:reverse}.loader-ring:nth-child(3){width:60%;height:60%;animation-duration:2.4s}.loader-text{font-size:11px;color:var(--primary);font-weight:600;letter-spacing:2px;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.stars-container{position:fixed;inset:0;z-index:0;pointer-events:none}[data-theme=light] .stars-container{opacity:.15}.floating-nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;width:calc(100% - 48px);max-width:1100px}.nav-capsule{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:50px;background:rgba(15,15,15,0.75);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(var(--primary-rgb),0.15);box-shadow:0 8px 32px rgba(0,0,0,0.3)}[data-theme=light] .nav-capsule{background:rgba(255,255,255,0.8)}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.logo-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:16px;box-shadow:0 0 20px rgba(var(--primary-rgb),0.3)}.logo-text{color:var(--text-primary)}.nav-links{display:flex;gap:4px}.nav-link{padding:8px 14px;border-radius:25px;font-size:13px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.nav-link:hover,.nav-link.active{color:var(--primary);background:rgba(var(--primary-rgb),0.1)}.nav-right{display:flex;align-items:center;gap:8px}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--primary)}.nav-btn{padding:8px 18px;border-radius:25px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.btn-login{color:var(--text-secondary);border:1px solid var(--border-glass)}.btn-login:hover{color:var(--primary)}.btn-signup{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-dashboard{background:rgba(var(--primary-rgb),0.15);color:var(--primary)}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.mobile-toggle span{width:22px;height:2px;background:var(--text-secondary);border-radius:2px}.mobile-menu-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all .3s}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:absolute;top:80px;left:24px;right:24px;background:rgba(20,20,20,0.95);border-radius:var(--radius);border:1px solid rgba(var(--primary-rgb),0.15);padding:16px}[data-theme=light] .mobile-menu{background:rgba(255,255,255,0.95)}.mobile-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:15px}.mobile-link:hover,.mobile-link.active{color:var(--primary);background:rgba(var(--primary-rgb),0.1)}.mobile-divider{height:1px;background:var(--border-glass);margin:8px 0}@media(max-width:1024px){.nav-links{display:none}.mobile-toggle{display:flex}.btn-login span,.btn-signup span{display:none}}@media(max-width:640px){.floating-nav{width:calc(100% - 24px);top:12px}.logo-text{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:50px;font-family:var(--font);font-weight:600;font-size:14px;border:none;cursor:pointer;transition:all .3s;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),0.3)}.btn-primary:hover{box-shadow:0 6px 25px rgba(var(--primary-rgb),0.5);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid rgba(var(--primary-rgb),0.4);color:var(--primary)}.btn-outline:hover{background:rgba(var(--primary-rgb),0.1)}.btn-lg{padding:16px 36px;font-size:16px}.btn-sm{padding:8px 18px;font-size:12px}.btn-block{width:100%}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#000}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 0 80px}.hero-bg{position:absolute;inset:0}.hero-glow{position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--primary-rgb),0.15),transparent 70%);border-radius:50%;filter:blur(60px);animation:pulseGlow 4s ease-in-out infinite alternate}@keyframes pulseGlow{from{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--primary-rgb),0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-rgb),0.03) 1px,transparent 1px);background-size:60px 60px}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(var(--primary-rgb),0.1);border:1px solid rgba(var(--primary-rgb),0.2);border-radius:50px;color:var(--primary);font-size:13px;font-weight:600;margin-bottom:20px}.hero-title{font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1;margin-bottom:20px}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:32px;max-width:500px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px}.mini-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:50px;font-size:12px;color:var(--text-secondary)}.mini-badge i{color:var(--primary)}.hero-icons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:350px;margin:0 auto}.hero-icon-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);padding:24px;text-align:center;position:relative;overflow:hidden;animation:fadeInCard .6s ease-out calc(var(--delay)) both}@keyframes fadeInCard{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-icon-card:hover{border-color:rgba(var(--primary-rgb),0.3);transform:translateY(-4px)}.hero-icon-card i{font-size:32px;margin-bottom:8px}.hero-icon-card span{display:block;font-size:12px;color:var(--text-muted)}.icon-glow{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;filter:blur(25px);opacity:.3}.icon-glow.blue{background:#4fc3f7}.icon-glow.teal{background:#26c6da}.icon-glow.orange{background:var(--primary)}.icon-glow.green{background:#66bb6a}.network-dots{display:flex;gap:4px;justify-content:center;margin-top:6px}.network-dots .dot{width:6px;height:6px;border-radius:50%;animation:blink 1.5s infinite}.dot.green{background:#66bb6a}.dot.yellow{background:#ffd600;animation-delay:.3s}.dot.red{background:#ff1744;animation-delay:.6s}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.hero-subtitle{margin:0 auto 32px}.hero-buttons,.hero-badges{justify-content:center}.hero-icons-grid{grid-template-columns:repeat(2,1fr)}}.section{padding:100px 0;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(var(--primary-rgb),0.08);border:1px solid rgba(var(--primary-rgb),0.15);border-radius:50px;color:var(--primary);font-size:13px;font-weight:600;margin-bottom:16px}.section-title{font-size:clamp(28px,4vw,42px);font-weight:800;margin-bottom:16px}.section-desc{color:var(--text-secondary);max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.service-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:32px 24px;text-align:center;backdrop-filter:blur(10px);transition:all .3s;position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));transform:scaleX(0);transition:transform .4s}.service-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),0.3)}.service-card:hover::before{transform:scaleX(1)}.service-icon{width:64px;height:64px;border-radius:var(--radius-sm);margin:0 auto 20px;background:linear-gradient(135deg,rgba(var(--primary-rgb),0.15),rgba(var(--primary-rgb),0.05));display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary)}.service-card h3{font-size:18px;font-weight:700;margin-bottom:10px}.service-card p{color:var(--text-secondary);font-size:14px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.pricing-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:40px 32px;text-align:center;backdrop-filter:blur(10px);transition:all .3s;position:relative;overflow:hidden}.pricing-card.popular{border-color:rgba(var(--primary-rgb),0.4);transform:scale(1.03)}.pricing-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),0.4);box-shadow:0 20px 60px rgba(var(--primary-rgb),0.15)}.popular-badge{position:absolute;top:14px;right:14px;padding:5px 14px 5px 10px;background:linear-gradient(135deg,#ffd426 0%,#ffab00 40%,#ff7a00 100%);border-radius:50px;color:#1a0800;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;display:inline-flex;align-items:center;gap:5px;z-index:10;box-shadow:0 2px 14px rgba(255,171,0,.55),0 0 28px rgba(255,200,0,.22),inset 0 1px 0 rgba(255,255,255,.4);animation:popBadgePulse 2.2s ease-in-out infinite;overflow:hidden;white-space:nowrap;}.popular-badge::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.38) 50%,transparent 75%);transform:translateX(-110%);animation:popBadgeShimmer 2.8s ease-in-out infinite;pointer-events:none}.popular-badge i{font-size:12px;filter:drop-shadow(0 0 5px rgba(255,120,0,.9)) drop-shadow(0 0 10px rgba(255,200,0,.6));animation:popIconSpin 4s ease-in-out infinite}@keyframes popBadgePulse{0%,100%{box-shadow:0 2px 14px rgba(255,171,0,.55),0 0 28px rgba(255,200,0,.22),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 4px 22px rgba(255,171,0,.8),0 0 48px rgba(255,210,0,.48),inset 0 1px 0 rgba(255,255,255,.55)}}@keyframes popBadgeShimmer{0%{transform:translateX(-110%)}60%,100%{transform:translateX(110%)}}@keyframes popIconSpin{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(-8deg)}}[data-theme=light] .popular-badge{background:linear-gradient(135deg,#ffcc00 0%,#ff9500 40%,#ff6600 100%);color:#fff;box-shadow:0 2px 12px rgba(255,140,0,.45),0 0 20px rgba(255,200,0,.2),inset 0 1px 0 rgba(255,255,255,.35)}@media(prefers-reduced-motion:reduce){.popular-badge,.popular-badge::before,.popular-badge i{animation:none!important}}.pricing-icon{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;background:linear-gradient(135deg,rgba(var(--primary-rgb),0.2),rgba(var(--primary-rgb),0.05));display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--primary)}
.pricing-img-wrap{width:100%;height:210px;margin:0 auto 28px;border-radius:16px;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(var(--primary-rgb),.09) 0%,rgba(0,0,0,.5) 55%,rgba(var(--primary-rgb),.04) 100%);border:1px solid rgba(var(--primary-rgb),.18);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 0 3px rgba(var(--primary-rgb),.05),0 10px 48px rgba(0,0,0,.5),0 2px 12px rgba(var(--primary-rgb),.14),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(var(--primary-rgb),.07);transition:box-shadow .45s cubic-bezier(.34,1.56,.64,1),border-color .45s,background .45s,transform .45s cubic-bezier(.34,1.56,.64,1)}
.pricing-img-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.07) 45%,rgba(255,200,100,.06) 50%,rgba(255,255,255,.07) 55%,transparent 75%);transform:translateX(-110%);z-index:3;pointer-events:none;transition:transform 0s}
.pricing-img-wrap::after{content:'';position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,.055) 0%,rgba(255,180,60,.02) 50%,transparent 100%);z-index:2;pointer-events:none;border-radius:16px 16px 0 0}
.pricing-img-wrap img{width:100%;height:100%;object-fit:contain;display:block;padding:20px;position:relative;z-index:1;transition:transform .55s cubic-bezier(.34,1.56,.64,1),filter .45s ease}
.pricing-card:hover .pricing-img-wrap::before{transform:translateX(110%);transition:transform .7s cubic-bezier(.4,0,.2,1)}
.pricing-card:hover .pricing-img-wrap{border-color:rgba(var(--primary-rgb),.38);background:linear-gradient(135deg,rgba(var(--primary-rgb),.14) 0%,rgba(0,0,0,.4) 55%,rgba(var(--primary-rgb),.07) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 0 3px rgba(var(--primary-rgb),.12),0 18px 64px rgba(0,0,0,.55),0 0 40px rgba(var(--primary-rgb),.22),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(var(--primary-rgb),.12);transform:translateY(-4px)}
.pricing-card:hover .pricing-img-wrap img{transform:scale(1.09) translateY(-3px);filter:drop-shadow(0 8px 28px rgba(var(--primary-rgb),.5)) brightness(1.06) saturate(1.1)}
[data-theme=light] .pricing-img-wrap{background:linear-gradient(135deg,rgba(var(--primary-rgb),.06) 0%,rgba(240,240,240,.8) 55%,rgba(var(--primary-rgb),.03) 100%);box-shadow:0 6px 32px rgba(0,0,0,.1),0 2px 8px rgba(var(--primary-rgb),.1),inset 0 1px 0 rgba(255,255,255,.9)}
[data-theme=light] .pricing-card:hover .pricing-img-wrap{box-shadow:0 12px 48px rgba(var(--primary-rgb),.18),0 0 0 2px rgba(var(--primary-rgb),.12),inset 0 1px 0 rgba(255,255,255,.9)}
@media(max-width:480px){.pricing-img-wrap{height:160px}.pricing-img-wrap img{padding:14px}}.pricing-name{font-size:22px;font-weight:700;margin-bottom:8px}.pricing-speed{color:var(--primary);font-weight:600;margin-bottom:16px}.pricing-price{margin-bottom:24px}.price-amount{font-size:32px;font-weight:800;color:var(--primary)}.price-period{font-size:14px;color:var(--text-muted)}.pricing-features{list-style:none;margin-bottom:32px;text-align:left}.pricing-features li{padding:8px 0;color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-glass)}.pricing-features li i{color:var(--primary)}.cta{padding:60px 0}.cta-card{background:linear-gradient(135deg,rgba(var(--primary-rgb),0.1),rgba(var(--primary-rgb),0.02));border:1px solid rgba(var(--primary-rgb),0.2);border-radius:24px;padding:60px 40px;text-align:center;position:relative;overflow:hidden}.cta-glow{position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(var(--primary-rgb),0.2),transparent 70%);filter:blur(40px)}.cta-card h2{font-size:32px;font-weight:800;margin-bottom:16px}.cta-card p{color:var(--text-secondary);margin-bottom:32px}.site-footer{background:rgba(10,10,10,0.95);border-top:1px solid var(--border-glass);padding:80px 0 30px;position:relative;z-index:1}.site-footer{background:rgba(240,240,240,0.95)}.footer-glow{position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(var(--primary-rgb),0.1),transparent 70%);filter:blur(40px)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;margin-bottom:16px}.footer-logo i{color:var(--primary)}.footer-desc{color:var(--text-muted);font-size:14px;margin-bottom:20px}.footer-social{display:flex;gap:10px}.social-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary)}.social-link:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.footer-col h4{font-size:16px;font-weight:700;margin-bottom:20px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:var(--text-muted);font-size:14px}.footer-col ul li a:hover{color:var(--primary)}.footer-contact{display:flex;flex-direction:column;gap:12px}.contact-item{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px}.contact-item i{color:var(--primary);width:20px;text-align:center}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--border-glass);color:var(--text-muted);font-size:13px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.badge{display:inline-flex;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:600;align-items:center}.badge-primary{background:rgba(var(--primary-rgb),0.15);color:var(--primary)}.badge-success{background:rgba(var(--success-rgb,0,200,83),0.15);color:var(--success)}.badge-danger{background:rgba(var(--danger-rgb,255,23,68),0.15);color:var(--danger)}.badge-warning{background:rgba(var(--warning-rgb,255,171,0),0.15);color:var(--warning)}.badge-info{background:rgba(var(--info-rgb,64,196,255),0.15);color:var(--info)}.badge-secondary{background:rgba(150,150,150,0.15);color:#999}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.form-control{width:100%;padding:14px 18px;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font);font-size:14px;outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.1)}.form-control::placeholder{color:var(--text-muted)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:24px;backdrop-filter:blur(10px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-glass)}.card-header h3{font-size:18px;font-weight:700}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{padding:14px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;color:var(--text-muted);background:rgba(var(--primary-rgb),0.05);border-bottom:1px solid var(--border-glass)}.table td{padding:14px 16px;border-bottom:1px solid var(--border-glass);color:var(--text-secondary)}.table tr:hover td{background:rgba(var(--primary-rgb),0.02)}.toast-container{position:fixed;top:90px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{padding:14px 24px;border-radius:var(--radius-sm);font-size:14px;display:flex;align-items:center;gap:10px;min-width:300px;border:1px solid;animation:slideIn .4s ease-out}.toast-success{background:rgba(0,200,83,0.1);border-color:rgba(0,200,83,0.3);color:#00c853}.toast-error{background:rgba(255,23,68,0.1);border-color:rgba(255,23,68,0.3);color:#ff1744}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 60px;position:relative;z-index:1}.auth-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:40px;backdrop-filter:blur(20px)}.auth-card h2{font-size:28px;font-weight:800;text-align:center;margin-bottom:8px}.auth-card .subtitle{text-align:center;color:var(--text-muted);margin-bottom:32px;font-size:14px}.auth-footer{text-align:center;margin-top:24px;color:var(--text-muted);font-size:14px}.auth-footer a{color:var(--primary);font-weight:600}.page-header{padding:140px 0 60px;text-align:center;position:relative;z-index:1;background:linear-gradient(180deg,rgba(var(--primary-rgb),0.05),transparent)}.page-header h1{font-size:clamp(28px,4vw,42px);font-weight:800;margin-bottom:12px}.page-header p{color:var(--text-secondary)}.speedtest-container{max-width:600px;margin:0 auto}.speed-gauge{width:280px;height:280px;border-radius:50%;margin:0 auto 40px;background:var(--bg-glass);border:3px solid var(--border-glass);display:flex;align-items:center;justify-content:center;flex-direction:column}.speed-value{font-size:56px;font-weight:800;color:var(--primary)}.speed-unit{font-size:14px;color:var(--text-muted)}.speed-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.speed-stat{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:20px;text-align:center}.speed-stat .label{font-size:12px;color:var(--text-muted);text-transform:uppercase}.speed-stat .value{font-size:24px;font-weight:700}.speed-stat.download .value{color:#40c4ff}.speed-stat.upload .value{color:#26c6da}.speed-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.info-item{padding:16px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm)}.info-item .label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.info-item .value{font-size:14px;font-weight:600;margin-top:4px}.map-container{height:500px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-glass);margin-bottom:24px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.video-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);overflow:hidden}.video-card:hover{transform:translateY(-4px);border-color:rgba(var(--primary-rgb),0.3)}.video-card iframe{width:100%;height:200px;border:none}.video-card .video-info{padding:16px}.video-card h3{font-size:16px;font-weight:600;margin-bottom:6px}.video-card p{font-size:13px;color:var(--text-muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}.about-stat{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:20px;text-align:center}.about-stat .number{font-size:32px;font-weight:800;color:var(--primary)}.about-stat .label{font-size:13px;color:var(--text-muted)}@media(max-width:768px){.about-grid{grid-template-columns:1fr}}.faq-item{border:1px solid var(--border-glass);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden}.faq-question{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;background:var(--bg-glass)}.faq-question:hover{color:var(--primary)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s;color:var(--text-secondary);font-size:14px}.faq-item.active .faq-answer{max-height:300px;padding:16px 24px}.faq-item.active .faq-question{color:var(--primary)}.dashboard-layout{display:flex;min-height:100vh;padding-top:80px}.sidebar{width:260px;background:rgba(15,15,15,0.95);border-right:1px solid var(--border-glass);padding:24px 16px;position:fixed;top:80px;bottom:0;overflow-y:auto;backdrop-filter:blur(10px);z-index:100}[data-theme=light] .sidebar{background:rgba(255,255,255,0.95)}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:4px}.sidebar-link:hover,.sidebar-link.active{background:rgba(var(--primary-rgb),0.1);color:var(--primary)}.sidebar-link i{width:20px;text-align:center}.sidebar-divider{height:1px;background:var(--border-glass);margin:16px 0}.main-content{flex:1;margin-left:260px;padding:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:24px}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.stat-card .stat-value{font-size:28px;font-weight:800}.stat-card .stat-label{font-size:13px;color:var(--text-muted);margin-top:4px}.stat-icon.orange{background:rgba(var(--primary-rgb),0.1);color:var(--primary)}.stat-icon.blue{background:rgba(64,196,255,0.1);color:#40c4ff}.stat-icon.green{background:rgba(0,200,83,0.1);color:#00c853}.stat-icon.red{background:rgba(255,23,68,0.1);color:#ff1744}.modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px}.modal-overlay.active{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius);padding:32px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.modal h3{font-size:20px;font-weight:700;margin-bottom:20px}.animate-fade-in{animation:fadeIn .6s ease-out both}.animate-slide-up{animation:slideUp .6s ease-out both}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s,transform .6s}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s;z-index:200}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0}}.text-center{text-align:center}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-2{gap:16px}@media print{body{background:#fff!important;color:#000!important}.floating-nav,.sidebar,.site-footer,.stars-container,.loading-screen,.toast-container,.btn,.no-print{display:none!important}.main-content{margin:0!important;padding:0!important}}.receipt{background:#fff;color:#333;padding:24px;border-radius:12px;max-width:400px;font-size:13px;line-height:1.8}.receipt h2{color:var(--primary);text-align:center}.receipt .divider{border-top:1px dashed #ccc;margin:12px 0}.receipt table{width:100%}.receipt table td{padding:4px 0}.receipt .total{font-size:18px;font-weight:700;color:var(--primary)}.sidebar-toggle-mobile{display:none;position:fixed;bottom:24px;right:24px;z-index:250;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;cursor:pointer;font-size:20px;box-shadow:0 4px 20px rgba(var(--primary-rgb),0.4);align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:150;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px)}.sidebar-overlay.active{display:block}.sidebar-close-mobile{display:none;position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:rgba(255,23,68,0.15);color:var(--danger);align-items:center;justify-content:center;cursor:pointer;font-size:14px}@media(max-width:1024px){.sidebar{width:220px}.main-content{margin-left:220px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar-toggle-mobile{display:flex}.sidebar-close-mobile{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;padding-top:24px;transform:translateX(-100%);transition:transform .3s;z-index:200}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;padding:16px}.dashboard-layout{padding-top:70px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:16px}.stat-card .stat-value{font-size:20px}.card{padding:16px}.table th,.table td{padding:10px 8px}.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{display:flex;align-items:center;gap:16px;padding:14px 16px}.stat-card .stat-icon{margin-bottom:0}}@media(hover:none)and(pointer:coarse){.btn-sm{min-height:40px;min-width:40px;padding:10px 16px}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.sidebar-toggle-mobile{bottom:auto!important;right:auto!important;top:90px!important;left:12px!important;width:40px!important;height:40px!important;font-size:16px!important}}@media(max-width:480px){.speed-stats,.speed-info{flex-direction:column!important}}#toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:360px;width:calc(100vw - 40px)}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:0 8px 32px rgba(0,0,0,.45);pointer-events:all;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);font-family:'Poppins',sans-serif;position:relative;overflow:hidden;cursor:pointer;border:1px solid transparent}.toast-success{background:rgba(22,163,74,.94);color:#fff;border-color:rgba(34,197,94,.4)}.toast-error{background:rgba(220,38,38,.94);color:#fff;border-color:rgba(248,113,113,.4)}.toast-warning{background:rgba(202,138,4,.94);color:#fff;border-color:rgba(250,204,21,.4)}.toast-info{background:rgba(37,99,235,.94);color:#fff;border-color:rgba(96,165,250,.4)}.toast-loading{background:rgba(51,65,85,.94);color:#fff;border-color:rgba(148,163,184,.3)}.toast i{font-size:15px;flex-shrink:0}.t-msg{flex:1;line-height:1.45}.toast-close{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:17px;padding:0 0 0 6px;line-height:1;flex-shrink:0}.toast-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;background:rgba(255,255,255,.3)}@keyframes toastIn{from{opacity:0;transform:translateX(110%)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(110%)}}@media(max-width:480px){#toast-container{top:auto;bottom:16px;right:12px;left:12px;max-width:none;width:auto}}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s;backdrop-filter:blur(4px)}.confirm-overlay.active{opacity:1}.confirm-box{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px 24px;max-width:400px;width:100%;box-shadow:0 24px 64px rgba(0,0,0,.7);transform:scale(.9);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.confirm-overlay.active .confirm-box{transform:scale(1)}.confirm-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:20px}.confirm-icon.danger{background:rgba(239,68,68,.15);color:#f87171}.confirm-icon.info{background:rgba(59,130,246,.15);color:#60a5fa}.confirm-title{font-size:17px;font-weight:700;text-align:center;margin-bottom:8px;color:#f1f5f9}.confirm-msg{font-size:13px;color:#94a3b8;text-align:center;line-height:1.6;margin-bottom:20px}.confirm-btns{display:flex;gap:10px}.confirm-cancel,.confirm-ok{flex:1;padding:11px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:opacity .15s;border:none}.confirm-cancel{background:rgba(255,255,255,.07);color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.confirm-cancel:hover{background:rgba(255,255,255,.12)}.confirm-ok.danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.confirm-ok.primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.confirm-ok:hover{opacity:.88}#toast-container{position:fixed !important;top:20px;right:20px;z-index:100000 !important;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:360px;width:calc(100vw - 40px);visibility:visible !important}@media(max-width:480px){#toast-container{top:auto;bottom:16px;right:12px;left:12px;max-width:none;width:auto}}[data-theme=light] body{background:#f5f5f5;color:#1a1a1a}[data-theme=light] .page-header{background:linear-gradient(180deg,rgba(240,240,240,0.9),rgba(245,245,245,0))}[data-theme=light] .page-header h1,[data-theme=light] .page-header p{color:#1a1a1a}[data-theme=light] .card{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08);box-shadow:0 2px 16px rgba(0,0,0,0.05)}[data-theme=light] .card-header{background:rgba(0,0,0,0.02);border-bottom-color:rgba(0,0,0,0.06);color:#1a1a1a}[data-theme=light] .stat-card{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08);box-shadow:0 2px 10px rgba(0,0,0,0.04)}[data-theme=light] .stat-value{color:#1a1a1a}[data-theme=light] .stat-label{color:#666}[data-theme=light] .table,[data-theme=light] table{color:#1a1a1a}[data-theme=light] .table thead th,[data-theme=light] table thead th{background:rgba(0,0,0,0.03);color:#555;border-bottom:2px solid rgba(0,0,0,0.08)}[data-theme=light] .table tbody td,[data-theme=light] table tbody td{border-bottom-color:rgba(0,0,0,0.05);color:#333}[data-theme=light] .table tbody tr:hover,[data-theme=light] table tbody tr:hover{background:rgba(0,0,0,0.02)}[data-theme=light] .form-control,[data-theme=light] input[type="text"],[data-theme=light] input[type="email"],[data-theme=light] input[type="password"],[data-theme=light] input[type="number"],[data-theme=light] input[type="date"],[data-theme=light] input[type="tel"],[data-theme=light] textarea,[data-theme=light] select{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.12);color:#1a1a1a}[data-theme=light] .form-control:focus,[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.1)}[data-theme=light] .form-control::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#aaa}[data-theme=light] label{color:#444}[data-theme=light] .btn-outline{border-color:rgba(var(--primary-rgb),0.3);color:var(--primary)}[data-theme=light] .btn-outline:hover{background:rgba(var(--primary-rgb),0.08)}[data-theme=light] .sidebar{background:rgba(255,255,255,0.98);border-right:1px solid rgba(0,0,0,0.08)}[data-theme=light] .sidebar-link{color:#555}[data-theme=light] .sidebar-link:hover,[data-theme=light] .sidebar-link.active{background:rgba(var(--primary-rgb),0.07);color:var(--primary)}[data-theme=light] .sidebar-divider{background:rgba(0,0,0,0.07)}[data-theme=light] .sidebar h3{color:#1a1a1a}[data-theme=light] .sidebar p{color:#777}[data-theme=light] .main-content{background:transparent}[data-theme=light] .dashboard-welcome{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08)}[data-theme=light] .dashboard-welcome h2{color:#1a1a1a}[data-theme=light] .package-status{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08)}[data-theme=light] .package-name{color:#1a1a1a}[data-theme=light] .package-detail{color:#666}[data-theme=light] .modal-overlay{background:rgba(0,0,0,0.4)}[data-theme=light] .modal{background:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:0 24px 64px rgba(0,0,0,0.15);color:#1a1a1a}[data-theme=light] .modal h3{color:#1a1a1a}[data-theme=light] .site-footer{background:rgba(240,240,240,0.95);border-top-color:rgba(0,0,0,0.08)}[data-theme=light] .footer-bottom{border-top-color:rgba(0,0,0,0.08)}[data-theme=light] .footer-bottom p{color:#777}[data-theme=light] .pricing-card{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08)}[data-theme=light] .pricing-card:hover{border-color:var(--primary);box-shadow:0 8px 30px rgba(var(--primary-rgb),0.1)}[data-theme=light] .pricing-card.popular{border-color:var(--primary);background:rgba(255,255,255,0.98)}[data-theme=light] .pricing-price{color:#1a1a1a}[data-theme=light] .pricing-feature{color:#555}[data-theme=light] .section-alt{background:rgba(0,0,0,0.02)}[data-theme=light] .mobile-menu{background:rgba(255,255,255,0.98)}[data-theme=light] .mobile-link{color:#555}[data-theme=light] .mobile-link:hover,[data-theme=light] .mobile-link.active{color:var(--primary)}[data-theme=light] .confirm-overlay{background:rgba(0,0,0,0.35)}[data-theme=light] .confirm-box{background:#fff;border:1px solid rgba(0,0,0,0.1);color:#1a1a1a}[data-theme=light] .confirm-box h4{color:#1a1a1a}[data-theme=light] .confirm-box p{color:#555}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#1a1a1a}[data-theme=light] p{color:#444}[data-theme=light] small{color:#666}[data-theme=light] hr{border-color:rgba(0,0,0,0.08)}[data-theme=light] code{background:rgba(0,0,0,0.04);color:#333}[data-theme=light] .admin-table-actions .btn-sm{border-color:rgba(0,0,0,0.1)}[data-theme=light] .ulasan-stat{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08);color:#1a1a1a}[data-theme=light] .ulasan-stat-lbl{color:#777}[data-theme=light] .pay-admin-card{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08)}[data-theme=light]::-webkit-scrollbar-track{background:#f0f0f0}[data-theme=light]::-webkit-scrollbar-thumb{background:#ccc}[data-theme=light]::-webkit-scrollbar-thumb:hover{background:#aaa}[data-theme=light] .loading-screen{background:#f5f5f5}[data-theme=light] .loader-text{color:#1a1a1a}[data-theme=light] .tagihan-card,[data-theme=light] .invoice-card{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08);color:#1a1a1a}[data-theme=light] .coverage-area{background:rgba(255,255,255,0.95);border-color:rgba(0,0,0,0.08)}[data-theme=light] .fs-price-sale{color:var(--primary-dark)!important;text-shadow:none!important}[data-theme=light] .fs-savings{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.25)}[data-theme=light] .fs-cd-box{background:rgba(var(--primary-rgb),.07);border-color:rgba(var(--primary-rgb),.18)}[data-theme=light] .fs-cd-box span{color:var(--primary-dark);text-shadow:none}[data-theme=light] .fs-main-title{background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary) 30%,#1a1a1a 50%,var(--primary) 70%,var(--primary-dark) 100%);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.btn-block{min-height:44px;display:flex;align-items:center;justify-content:center}.flash-sale-card{border-radius:18px}.fs-price-wrap{margin:10px 0 6px}}@media(max-width:480px){.pricing-card{padding:24px 18px 20px}.pricing-icon{width:60px;height:60px;font-size:24px}.pricing-name{font-size:16px}.pricing-speed{font-size:12px}.fs-price-original{font-size:12px}}

/* === LANGUAGE SWITCHER v4 (PHP-based) === */
.lang-switcher{display:flex;align-items:center;gap:2px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:20px;padding:3px}
.lang-btn{display:flex;align-items:center;gap:4px;padding:5px 9px;border-radius:15px;border:none;background:none;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font);color:var(--text-secondary);transition:all .2s ease;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase}
.lang-btn:hover{color:var(--text-primary);background:var(--bg-glass)}
.lang-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.35)}
.lang-flag{font-size:14px;line-height:1;display:inline-block}
.lang-label{line-height:1}
.mobile-lang-switcher{padding:12px 16px;display:flex;flex-direction:column;gap:8px}
.mobile-lang-label{font-size:12px;color:var(--text-muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.mobile-lang-btns{display:flex;gap:8px}
.lang-btn-full{flex:1;justify-content:center;padding:10px 12px;border-radius:10px;font-size:13px;text-transform:none;letter-spacing:0;background:var(--bg-glass);border:1px solid var(--border-glass)!important;border-radius:var(--radius-sm)!important}
.lang-btn-full.active{background:var(--primary);border-color:var(--primary)!important;color:#fff}
.lang-btn-full:hover:not(.active){border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary)}
@media(max-width:480px){.lang-label{display:none}.lang-switcher{padding:2px}.lang-btn{padding:5px 7px}}

/* === Flash Sale Card Effects (all pages) === */
.fs-card-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--primary-dark),var(--primary),var(--primary-light),var(--primary),var(--primary-dark));background-size:300%;animation:fsBadgeShimmer 2s linear infinite;color:#fff;font-size:9px;font-weight:800;padding:4px 18px;border-radius:0 0 12px 12px;letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 16px rgba(var(--primary-rgb),.4)}
.fs-sparks{position:absolute;top:10px;width:100%;left:0;pointer-events:none;overflow:hidden;height:32px}
.fs-sparks{position:absolute;top:10px;width:100%;left:0;pointer-events:none;overflow:hidden;height:32px}
.flash-sale-card::before{content:'';position:absolute;top:0;left:-100%;right:-100%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.6),transparent);animation:fsTopLine 2.5s linear infinite}
.fs-period{font-size:13px;color:var(--text-muted);font-weight:400}
@keyframes fsBadgeShimmer{0%{background-position:0%}100%{background-position:300%}}
@keyframes fsSpark{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-14px) scale(1.5);opacity:1}100%{transform:translateY(0) scale(1);opacity:.8}}
@keyframes fsCardGlow{0%,100%{box-shadow:0 4px 24px rgba(var(--primary-rgb),.08),inset 0 0 30px rgba(var(--primary-rgb),.02)}50%{box-shadow:0 8px 48px rgba(var(--primary-rgb),.22),inset 0 0 40px rgba(var(--primary-rgb),.06)}}
@keyframes fsTopLine{0%{left:-100%;right:200%}100%{left:200%;right:-100%}}