:root{--hx-neon:var(--primary-color);--hx-purple:var(--primary-color);--hx-purple2:var(--secondary-color);--hx-cyan:#06b6d4;--hx-orange:#f59e0b}body.index-page:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#7c3aed03 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#7c3aed03 2px 4px);position:fixed;inset:0}.main-container{background:#080a1200!important}html.light-mode .main-container{background:0 0!important}.section-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.btn-section-more{background:rgba(var(--primary-rgb), .08);border:1px solid rgba(var(--primary-rgb), .35);color:var(--hx-neon);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border-radius:30px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.section-block{margin-bottom:70px;position:relative}.section-block:before{content:attr(data-label);letter-spacing:4px;color:rgba(var(--primary-rgb), .25);text-transform:uppercase;font-size:.65rem;font-weight:900;position:absolute;top:-12px;right:0}@media (max-width:1000px){.quick-pick-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.quick-pick-grid{grid-template-columns:1fr}}.spotlight-banner{background:linear-gradient(120deg, #7b2fff1f 0%, #0009 40%, rgba(var(--primary-rgb),.06) 100%);border:1px solid rgba(var(--primary-rgb), .2);border-radius:28px;grid-template-columns:340px 1fr;gap:0;min-height:320px;margin-bottom:70px;display:grid;position:relative;overflow:hidden}.spotlight-banner:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a855f7' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.spotlight-info{z-index:1;flex-direction:column;justify-content:center;padding:40px 44px;display:flex;position:relative}.spotlight-tag{background:rgba(var(--primary-rgb), .15);color:var(--hx-neon);border:1px solid rgba(var(--primary-rgb), .3);border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.spotlight-title{color:#fff;text-shadow:0 0 40px rgba(var(--primary-rgb), .2);margin-bottom:14px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;line-height:1.3}.spotlight-desc{color:#aaa;max-width:520px;margin-bottom:22px;font-size:.95rem;line-height:1.8}.spotlight-meta{color:#888;flex-wrap:wrap;gap:16px;margin-bottom:24px;font-size:.85rem;display:flex}.spotlight-meta span i{color:var(--hx-neon);margin-left:6px}.btn-spotlight-buy{background:linear-gradient(135deg, var(--hx-neon), var(--primary-color));color:#000;width:fit-content;box-shadow:0 8px 30px rgba(var(--primary-rgb), .35);cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 32px;font-family:inherit;font-size:1.05rem;font-weight:900;text-decoration:none;transition:all .35s;display:inline-flex}.spotlight-cover{min-height:280px;position:relative;overflow:hidden}.spotlight-cover img{object-fit:cover;filter:brightness(.85);width:100%;height:100%;min-height:320px;transition:transform .6s}.spotlight-banner:hover .spotlight-cover img{transform:scale(1.05)}.spotlight-cover:before{content:"";z-index:1;background:linear-gradient(90deg,#000 0%,#0000 35%);position:absolute;inset:0}.top-rated-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:10px;display:grid}@media (max-width:900px){.top-rated-row{grid-template-columns:1fr}}.top-podium-card{background:#2a2a2a;border:1px solid #222;border-radius:20px;align-items:center;gap:16px;padding:20px;transition:all .35s;display:flex;position:relative;overflow:hidden}.top-podium-card.rank-1{background:linear-gradient(135deg,#ffd70014,#2a2a2a);border-color:#ffd70066;grid-column:span 1}.top-podium-card:hover{border-color:var(--hx-neon);transform:translateY(-6px);box-shadow:0 15px 35px #00000080}.top-rank-badge{color:#000;background:linear-gradient(135deg,gold,#fa0);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:900;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 0 15px #ffd70066}.top-podium-card.rank-2 .top-rank-badge{background:linear-gradient(135deg,silver,#888)}.top-podium-card.rank-3 .top-rank-badge{color:#fff;background:linear-gradient(135deg,#cd7f32,#8b4513)}.top-podium-thumb{object-fit:cover;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;width:90px;height:115px}.top-podium-info h3{color:#fff;margin-bottom:8px;font-size:1rem}.top-podium-stars{color:#fa0;margin-bottom:8px;font-size:.85rem}.top-podium-info a{color:var(--hx-neon);font-size:.82rem;font-weight:700;text-decoration:none}.hero-gaming-tagline{color:#888;letter-spacing:1px;margin-bottom:28px;font-size:1.05rem}.hero-gaming-tagline span{color:var(--hx-neon);font-weight:700}.hero-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.hero-pill{color:#aaa;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:8px 16px;font-size:.8rem}.hero-pill i{color:var(--hx-neon);margin-left:6px}.card-img-link{text-decoration:none;display:block}.card-title-link{color:inherit;text-decoration:none}.card-compact .card-body{padding:14px}.card-compact .card-title{font-size:.95rem}:root{--progress-color:#fa0;--progress-glow:#fa06;--star-color:#fa0;--text-muted:#a0a0a0}.section-title{color:#fff;align-items:center;gap:12px;margin:0;font-size:1.8rem;font-weight:900;display:flex}.section-title .title-line{background:var(--primary-color);border-radius:10px;width:50px;height:3px}.slider-wrapper{scroll-behavior:smooth;scrollbar-width:none;gap:20px;padding:20px 10px;display:flex;overflow-x:auto}.slider-card{flex-shrink:0;min-width:280px;max-width:300px}.slider-btn{z-index:5;color:#fff;cursor:pointer;background:#000000b3;border:1px solid #ffffff26;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;transform:translateY(-50%)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px;display:grid}.card-badge{border-radius:15px;padding:5px 12px;font-size:.72rem;font-weight:700}.badge-discount{color:#f44;background:#f443;border:1px solid #f446}.badge-new{color:#39f;background:#08f3}.badge-free{background:rgba(var(--primary-rgb),.2);color:var(--primary-color)}.badge-in-progress{color:#fa0;background:#fa03}.progress-bar{background:linear-gradient(90deg, var(--primary-color), var(--primary-color));height:100%}.btn-card{text-align:center;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:5px;padding:11px 8px;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.btn-card-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}@media (max-width:768px){.main-container{padding:24px 14px!important}.spotlight-banner{border-radius:20px;min-height:auto;margin-bottom:40px;grid-template-columns:1fr!important}.spotlight-cover{order:-1;min-height:200px}.spotlight-info{padding:22px 20px!important}.spotlight-title{font-size:1.4rem!important}.spotlight-desc{font-size:.88rem!important}.spotlight-meta{flex-wrap:wrap;font-size:.78rem;gap:8px!important}.btn-spotlight-buy{justify-content:center;width:100%}.section-head-row{margin-bottom:16px}.section-title{gap:8px!important;font-size:1.15rem!important}.btn-section-more{padding:6px 12px;font-size:.78rem}.slider-wrapper{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scroll-padding-left:14px;gap:12px!important;padding:12px 4px!important}.slider-card{scroll-snap-align:start;min-width:150px!important;max-width:160px!important}.slider-btn{display:none!important}.grid,.quick-pick-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.bundle-home-grid{grid-template-columns:1fr!important;gap:16px!important}.top-rated-row{gap:14px;grid-template-columns:1fr!important}.voice-ticker-item{min-width:240px;max-width:300px;padding:14px 16px}.voice-ticker-wrapper{padding:18px 0}}@media (max-width:420px){.grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.slider-card{min-width:140px!important;max-width:150px!important}.spotlight-title{font-size:1.2rem!important}}.card{border-color:rgba(var(--primary-rgb),.18)!important;box-shadow:0 8px 32px #00000080, 0 0 12px rgba(var(--primary-rgb),.06)!important;background:#100e1e99!important}html.light-mode .card{border-color:rgba(var(--primary-rgb),.12)!important;box-shadow:0 4px 20px rgba(var(--primary-rgb),.08)!important;background:#fff!important}html.light-mode .card:hover{border-color:rgba(var(--primary-rgb),.35)!important;box-shadow:0 10px 32px rgba(var(--primary-rgb),.15)!important}.section-title{color:#fff!important}.section-title i{color:var(--primary-color)!important}.section-title .title-line{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color))!important}html.light-mode .section-title{color:#1e293b!important}.btn-section-more{background:rgba(var(--primary-rgb),.1)!important;border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary-color)!important;clip-path:none!important;border-radius:12px!important}.btn-section-more:hover{background:rgba(var(--primary-rgb),.25)!important;color:#fff!important;box-shadow:0 0 18px rgba(var(--primary-rgb),.35)!important;transform:translate(-3px)!important}.section-block:before{color:rgba(var(--primary-rgb),.25)!important;border-color:rgba(var(--primary-rgb),.15)!important}.spotlight-banner{background:linear-gradient(135deg, #100e1ee6, rgba(var(--primary-rgb),.12))!important;border:1px solid rgba(var(--primary-rgb),.25)!important;box-shadow:0 16px 48px #00000080, 0 0 30px rgba(var(--primary-rgb),.1)!important}html.light-mode .spotlight-banner{background:linear-gradient(135deg, #fff, rgba(var(--primary-rgb),.06))!important;border-color:rgba(var(--primary-rgb),.18)!important}.spotlight-tag{background:rgba(var(--primary-rgb),.2)!important;border-color:rgba(var(--primary-rgb),.4)!important;color:var(--primary-color)!important}.btn-spotlight-buy{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))!important;box-shadow:0 8px 24px rgba(var(--primary-rgb),.45)!important;color:var(--bg-black)!important;border:none!important}.btn-spotlight-buy:hover{box-shadow:0 12px 32px rgba(var(--primary-rgb),.6)!important;transform:translateY(-2px)!important}.btn-card-primary{background:linear-gradient(135deg, rgba(var(--primary-rgb),.85), rgba(var(--primary-rgb),.65))!important;border:1px solid rgba(var(--primary-rgb),.5)!important;color:var(--bg-black)!important}.btn-card-primary:hover{background:var(--primary-color)!important;box-shadow:0 6px 18px rgba(var(--primary-rgb),.5)!important}.btn-card-secondary{background:rgba(var(--primary-rgb),.08)!important;border:1px solid rgba(var(--primary-rgb),.2)!important;color:var(--primary-color)!important}.btn-card-secondary:hover{background:rgba(var(--primary-rgb),.2)!important}.progress-container{background:rgba(var(--primary-rgb),.12)!important}.progress-bar{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color))!important}.badge-featured{background:linear-gradient(135deg, rgba(var(--primary-rgb),.9), rgba(var(--primary-rgb),.65))!important;color:var(--bg-black)!important}.badge-new{background:#22c55ed9!important}.badge-free{background:#06b6d4d9!important}.badge-discount{background:#ef4444d9!important}.badge-in-progress{background:#f59e0bd9!important}.quick-pick-grid .card{border-color:rgba(var(--primary-rgb),.25)!important}.voice-ticker-item{border-color:rgba(var(--primary-rgb),.18)!important;background:#100e1eb3!important}html.light-mode .voice-ticker-item{border-color:rgba(var(--primary-rgb),.12)!important;background:#fff!important}.bundle-fan-card{border-color:rgba(var(--primary-rgb),.2)!important;background:#100e1e99!important}.bundle-fan-card:hover{border-color:rgba(var(--primary-rgb),.55)!important;box-shadow:0 14px 40px rgba(var(--primary-rgb),.2)!important}html.light-mode .bundle-fan-card{border-color:rgba(var(--primary-rgb),.14)!important;background:#fff!important}.top-podium-card{border-color:rgba(var(--primary-rgb),.2)!important;background:#100e1eb3!important}.top-podium-card.rank-1{border-color:rgba(var(--primary-rgb),.5)!important;box-shadow:0 0 24px rgba(var(--primary-rgb),.2)!important}html.light-mode .top-podium-card{background:#fff!important}.search-box input{border-color:rgba(var(--primary-rgb),.25)!important;color:#fff!important;background:#100e1e99!important}.search-box button{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color))!important;color:var(--bg-black)!important}html.light-mode .search-box input{color:#1e293b!important;background:#fff!important}.card-price{color:var(--primary-color)!important}.slider-btn{background:rgba(var(--primary-rgb),.2)!important;border-color:rgba(var(--primary-rgb),.3)!important;color:var(--primary-color)!important}.slider-btn:hover{background:rgba(var(--primary-rgb),.45)!important;box-shadow:0 0 16px rgba(var(--primary-rgb),.4)!important}:root{--background-dark:var(--bg-black);--background-light:var(--surface-dark);--border-color:var(--glass-border);--card-hover:var(--surface-light);--star-color:#fa0;--danger-color:#f44;--progress-color:#fa0;--progress-glow:#fa06;--twitter-blue:#1da1f2}:root.light-mode{--background-dark:#f4f4f5;--background-light:#fff;--border-color:#e4e4e7;--card-hover:#0000000a;--text-main:#18181b;--text-muted:#52525b}body{color:var(--text-main);background-color:#0000;font-family:Tahoma,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";top:var(--mouse-y,-999px);left:var(--mouse-x,-999px);background:radial-gradient(circle, rgba(var(--primary-rgb), .06) 0%, rgba(var(--primary-rgb), 0) 60%);pointer-events:none;z-index:0;opacity:0;border-radius:50%;width:800px;height:800px;transition:opacity .5s;position:fixed;transform:translate(-50%,-50%)}body.scrolled-down:before{opacity:1}#loading-screen{z-index:99999;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:all .8s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;inset:0}#loading-screen.hidden{opacity:0;pointer-events:none;filter:blur(10px);transform:scale(1.1)}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-particles{z-index:0;position:absolute;inset:0;overflow:hidden}.loading-particle{background:var(--primary-color);opacity:0;border-radius:50%;width:3px;height:3px;animation:3s ease-in infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:.6}to{opacity:0;transform:translateY(-10vh)scale(1.5)}}.loading-content{z-index:1;text-align:center;position:relative}.loading-logo-wrapper{width:120px;height:120px;margin:0 auto 40px;position:relative}.loading-outer-ring{border:3px solid #0000;border-top-color:var(--primary-color);border-right-color:rgba(var(--primary-rgb), .3);border-radius:50%;animation:2s linear infinite spinOuter;position:absolute;inset:0}.loading-inner-ring{border:2px solid #0000;border-bottom-color:rgba(var(--primary-rgb), .6);border-left-color:rgba(var(--primary-rgb), .2);border-radius:50%;animation:1.5s linear infinite reverse spinInner;position:absolute;inset:15px}.loading-core{background:radial-gradient(circle, var(--primary-color), rgba(var(--primary-rgb),.2));box-shadow:0 0 30px rgba(var(--primary-rgb), .5), 0 0 60px rgba(var(--primary-rgb), .2);border-radius:50%;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite pulseCore;display:flex;position:absolute;inset:30px}.loading-core i{color:var(--bg-black);font-size:2rem;animation:1.5s ease-in-out infinite pulseIcon}.loading-orbit{border-radius:50%;animation:7s linear infinite spinOrbit;position:absolute;inset:-18px}.orbit-dot{background:rgba(var(--primary-rgb), .12);border:1px solid rgba(var(--primary-rgb), .4);width:30px;height:30px;color:var(--primary-color);box-shadow:0 0 14px rgba(var(--primary-rgb), .35);border-radius:50%;justify-content:center;align-items:center;margin:-15px;font-size:.85rem;animation:7s linear infinite counterSpinOrbit;display:flex;position:absolute}.orbit-dot-1{top:0;left:50%}.orbit-dot-2{top:50%;left:100%}.orbit-dot-3{top:100%;left:50%}.orbit-dot-4{top:50%;left:0}@keyframes spinOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counterSpinOrbit{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.loading-bar-sheen{filter:blur(2px);background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:40px;height:100%;animation:1.3s ease-in-out infinite barSheen;position:absolute;top:0;left:0}@keyframes barSheen{0%{opacity:0;transform:translate(-50px)}40%{opacity:1}to{opacity:0;transform:translate(300px)}}.loading-tip{color:var(--text-muted);letter-spacing:.5px;min-height:20px;margin-top:18px;font-size:.85rem;animation:1.4s tipFade}@keyframes tipFade{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:.7}}@keyframes spinOuter{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinInner{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulseCore{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.loading-title{color:var(--text-main);letter-spacing:2px;margin-bottom:10px;font-size:2.5rem;font-weight:900}.loading-title span{color:var(--primary-color);animation:2s ease-in-out infinite glowText}@keyframes glowText{0%,to{text-shadow:0 0 10px rgba(var(--primary-rgb), .3)}50%{text-shadow:0 0 30px rgba(var(--primary-rgb), .8), 0 0 60px rgba(var(--primary-rgb), .4)}}.loading-subtitle{color:var(--text-muted);letter-spacing:1px;margin-bottom:30px;font-size:.95rem}.loading-progress-container{background:var(--glass-bg);border-radius:10px;width:280px;height:4px;margin:0 auto;position:relative;overflow:hidden}.loading-progress-bar{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--primary-color));width:0%;height:100%;box-shadow:0 0 15px rgba(var(--primary-rgb), .5);background-size:200% 100%;border-radius:10px;transition:width .3s;animation:2s linear infinite shimmerBar}@keyframes shimmerBar{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-percent{color:var(--primary-color);letter-spacing:2px;margin-top:10px;font-family:monospace;font-size:.85rem}.loading-waves{z-index:0;opacity:.3;width:100%;height:100px;position:absolute;bottom:0;left:0}.loading-wave{background:repeating-linear-gradient(90deg, transparent, transparent 40px, rgba(var(--primary-rgb), .05) 40px, rgba(var(--primary-rgb), .05) 80px);width:200%;height:100%;animation:20s linear infinite moveWave;position:absolute;bottom:0;left:-50%}.loading-wave:nth-child(2){opacity:.5;animation-duration:15s;animation-direction:reverse}@keyframes moveWave{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scroll-ltr{0%{transform:translate(0%)}to{transform:translate(-50%)}}@keyframes scroll-rtl{0%{transform:translate(-50%)}to{transform:translate(0%)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes blink-x{0%,to{opacity:1;text-shadow:0 0 10px var(--primary-color)}50%{opacity:.7;text-shadow:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes progressPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hero-split{background:0 0;justify-content:center;align-items:center;height:calc(100vh - 120px);min-height:650px;padding:0 5%;display:flex;position:relative;overflow:hidden}.hero-left,.hero-right{z-index:2;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-left{perspective:1500px}.orbit-container{width:600px;height:600px;transform-style:preserve-3d;z-index:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(60deg)rotate(-30deg)}.orbit-ring{border:1px solid rgba(var(--primary-rgb), .2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-ring-1{width:400px;height:400px;animation:20s linear infinite spin-ring}.orbit-ring-2{width:500px;height:500px;animation:30s linear infinite reverse spin-ring}.orbit-ring-3{width:600px;height:600px;animation:40s linear infinite spin-ring}@keyframes spin-ring{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.orbit-item{width:60px;height:80px;box-shadow:0 5px 15px #000c, 0 0 10px rgba(var(--primary-rgb), .4);transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle))) rotateX(-60deg) rotateZ(30deg);animation:orbit-spin var(--duration) linear infinite;border-radius:8px;margin-top:-40px;margin-left:-30px;position:absolute;top:50%;left:50%;overflow:hidden}.orbit-item img{object-fit:cover;width:100%;height:100%}.orbit-item-1{--radius:200px;--duration:20s}.orbit-item-2{--radius:250px;--duration:30s;animation-direction:reverse}.orbit-item-3{--radius:300px;--duration:40s}@keyframes orbit-spin{0%{transform:rotate(0deg) translateX(var(--radius)) rotate(0deg) rotateX(-60deg) rotateZ(30deg)}to{transform:rotate(360deg) translateX(var(--radius)) rotate(-360deg) rotateX(-60deg) rotateZ(30deg)}}.hero-slider-container{z-index:2;width:320px;height:480px;transition:transform .5s;position:relative;transform:rotateY(15deg)}.hero-slider-container:hover{transform:rotateY(0)scale(1.05)}.hero-slide{opacity:0;visibility:hidden;width:100%;height:100%;box-shadow:0 20px 50px #000c, 0 0 30px rgba(var(--primary-rgb), .2);border:1px solid var(--glass-border);border-radius:20px;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;overflow:hidden;transform:translateY(20px)scale(.9)}.hero-slide.active{opacity:1;visibility:visible;z-index:2;transform:translateY(0)scale(1)}.hero-slide-bg{object-fit:cover;filter:brightness(.7);width:100%;height:100%;transition:all .5s}.hero-slider-container:hover .hero-slide.active .hero-slide-bg{filter:brightness()}.hero-slide-content{text-align:right;opacity:0;background:linear-gradient(#0000,#000000e6);width:100%;padding:30px 20px;transition:all .5s .2s;position:absolute;bottom:0;left:0;transform:translateY(20px)}.hero-slide.active .hero-slide-content{opacity:1;transform:translateY(0)}.hero-slide-badge span{color:var(--bg-black);border-radius:5px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-completed{background:var(--primary-color)}.badge-progress{background:#fa0}.hero-slide-title{color:var(--text-main);text-shadow:0 2px 4px #000c;margin:10px 0;font-size:1.5rem}.hero-btn-slide{background:var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-main);border:1px solid #fff3;border-radius:8px;margin-top:10px;padding:8px 20px;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block}.hero-btn-slide:hover{background:var(--primary-color);color:var(--bg-black)}.hero-slider-dots{gap:10px;display:flex;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.hero-slider-dots .hero-dot{cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.hero-slider-dots .hero-dot.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color);transform:scale(1.2)}.hero-right{padding:0 40px}.hero-text-content{text-align:right;max-width:500px;animation:1s ease-out fadeInRight}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.hero-headline{color:var(--text-main);margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.2}.hero-headline span{color:var(--primary-color);text-shadow:0 0 20px rgba(var(--primary-rgb), .5)}.hero-subheadline{color:var(--text-muted);margin-bottom:30px;font-size:1.2rem;line-height:1.6}.hero-features{flex-direction:column;gap:15px;margin:0 0 40px;padding:0;list-style:none;display:flex}.hero-features li{color:#ddd;background:var(--glass-bg);border:1px solid var(--glass-bg);border-radius:10px;align-items:center;gap:15px;padding:10px 15px;font-size:1.1rem;transition:all .3s;display:flex}.hero-features li:hover{border-color:rgba(var(--primary-rgb), .3);transform:translate(-5px)}.hero-features i{color:var(--primary-color);text-shadow:0 0 10px rgba(var(--primary-rgb), .5);font-size:1.3rem}.hero-actions{gap:20px;display:flex}.btn-neon-primary{background:var(--primary-color);color:var(--bg-black);box-shadow:0 0 15px rgba(var(--primary-rgb), .4);border-radius:12px;align-items:center;gap:10px;padding:15px 30px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-neon-primary:hover{box-shadow:0 0 30px rgba(var(--primary-rgb), .8);transform:translateY(-3px)}.btn-neon-secondary{color:var(--text-main);background:0 0;border:2px solid #fff3;border-radius:12px;align-items:center;gap:10px;padding:15px 30px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-neon-secondary:hover{border-color:var(--text-main);background:var(--glass-border)}@media (max-width:992px){.hero-split{flex-direction:column;gap:50px;height:auto;padding-top:120px}.hero-right{text-align:center;padding:0 20px}.hero-text-content{text-align:center}.hero-actions{justify-content:center}.hero-headline{font-size:2.5rem}.orbit-container{display:none}}.main-container{z-index:1;max-width:1300px;margin:0 auto;padding:40px 20px;position:relative}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.section-title{color:var(--text-main);align-items:center;gap:12px;font-size:1.8rem;font-weight:900;display:flex}.section-title i{color:var(--primary-color);font-size:1.6rem}.section-title .title-line{background:var(--primary-color);width:50px;height:3px;box-shadow:0 0 10px rgba(var(--primary-rgb), .4);border-radius:10px}.section-title.in-progress-title i{color:var(--progress-color)}.section-title.in-progress-title .title-line{background:var(--progress-color);box-shadow:0 0 10px var(--progress-glow)}.section-title.voice-title i{color:var(--twitter-blue)}.section-title.voice-title .title-line{background:var(--twitter-blue);box-shadow:0 0 10px #1da1f266}.section-badge{background:rgba(var(--primary-rgb), .1);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb), .2);border-radius:25px;padding:8px 18px;font-size:.9rem;font-weight:700}.section-badge.progress-badge{color:var(--progress-color);background:#ffaa001a;border-color:#fa03}.search-box{max-width:650px;margin:0 auto 60px;position:relative}.search-box input{width:100%;color:var(--text-main);background:#111;border:1px solid #333;border-radius:40px;outline:none;padding:18px 25px;font-family:inherit;font-size:1rem;transition:all .3s}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 20px rgba(var(--primary-rgb), .15)}.search-box button{background:var(--primary-color);color:var(--bg-black);cursor:pointer;border:none;border-radius:50%;width:45px;height:45px;font-size:1.2rem;transition:all .3s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box button:hover{box-shadow:0 0 15px rgba(var(--primary-rgb), .4)}.slider-container{margin-bottom:60px;position:relative;overflow:hidden}.slider-wrapper{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;gap:20px;padding:20px 10px;display:flex;overflow-x:auto}.slider-wrapper::-webkit-scrollbar{display:none}.slider-btn{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;color:var(--text-main);cursor:pointer;background:#000000b3;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{background:var(--primary-color);color:var(--bg-black);border-color:var(--primary-color);box-shadow:0 0 20px rgba(var(--primary-rgb), .3)}.slider-btn.prev{left:-5px}.slider-btn.next{right:-5px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px;margin-bottom:60px;display:grid}.slider-card{scroll-snap-align:start;flex-shrink:0;min-width:280px;max-width:300px}.quick-pick-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (max-width:900px){.quick-pick-grid{grid-template-columns:repeat(2,1fr)}}.bundle-home-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:20px;display:grid}@media (max-width:960px){.bundle-home-grid{grid-template-columns:1fr}}.bundle-fan-card{border:1px solid rgba(var(--primary-rgb), .2);background:linear-gradient(145deg,#0f0f0f,#080808);border-radius:22px;flex-direction:column;gap:16px;padding:22px;transition:all .35s;display:flex}.bundle-fan-card:hover{border-color:rgba(var(--primary-rgb), .45);box-shadow:0 16px 40px #00000080, 0 0 24px rgba(var(--primary-rgb), .08);transform:translateY(-6px)}.bundle-fan-covers{justify-content:center;align-items:center;height:140px;display:flex;position:relative}.bundle-fan-covers .fan-cover{object-fit:cover;border:2px solid #ffffff26;border-radius:12px;width:88px;height:118px;transition:transform .35s;position:absolute;box-shadow:0 8px 24px #0009}.bundle-fan-covers .fan-0{z-index:1;transform:rotate(-14deg)translate(-42px)}.bundle-fan-covers .fan-1{z-index:3;transform:rotate(0)}.bundle-fan-covers .fan-2{z-index:2;transform:rotate(14deg)translate(42px)}.bundle-fan-card:hover .fan-0{transform:rotate(-18deg)translate(-48px)translateY(-4px)}.bundle-fan-card:hover .fan-1{transform:scale(1.05)}.bundle-fan-card:hover .fan-2{transform:rotate(18deg)translate(48px)translateY(-4px)}.bundle-fan-title{color:var(--text-main);margin:0;font-size:1.15rem}.bundle-fan-games{color:#888;min-height:2.5em;margin:0;font-size:.82rem;line-height:1.6}.bundle-fan-prices{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.bundle-fan-old{color:#666;font-size:.9rem;text-decoration:line-through}.bundle-fan-price{color:var(--primary-color);font-size:1.35rem;font-weight:800}.bundle-fan-save{color:#fa0;font-size:.8rem}.bundle-fan-actions{gap:10px;display:flex}.card{background:var(--glass-bg,#ffffff08);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border,#ffffff14);height:100%;box-shadow:0 8px 32px #0006, 0 0 15px rgba(var(--primary-rgb), .12);border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--primary-color);box-shadow:0 20px 40px #0009, 0 0 30px rgba(var(--primary-rgb), .35);transform:translateY(-12px)}.card.in-progress-card{border-color:#ffaa004d}.card.in-progress-card:hover{border-color:var(--progress-color);box-shadow:0 20px 40px #0009, 0 0 30px var(--progress-glow)}.card-badges{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.card-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;align-items:center;gap:4px;padding:5px 12px;font-size:.72rem;font-weight:700;display:flex}.badge-featured{color:#fa0;background:#fa03;border:1px solid #fa06}.badge-discount{color:#f44;background:#f443;border:1px solid #f446;animation:2s infinite pulse}.badge-new{color:#39f;background:#08f3;border:1px solid #39f6}.badge-free{background:rgba(var(--primary-rgb), .2);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb), .4)}.badge-popular{color:#f88;background:#ff646433;border:1px solid #f886}.badge-in-progress{color:var(--progress-color);background:#fa03;border:1px solid #fa06;animation:2s infinite progressPulse}.card-img-wrapper{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .card-img{transform:scale(1.08)}.card-img-overlay-progress{opacity:0;background:linear-gradient(#0000 0%,#ffaa0026 50%,#000000b3 100%);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.card:hover .card-img-overlay-progress{opacity:1}.card-disabled-hover-overlay{opacity:0;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0}.card:hover .card-disabled-hover-overlay{opacity:1}.disabled-info-box{background:rgba(var(--primary-rgb), .15);border:1px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;font-size:1.5rem;display:flex}.disabled-title{font-size:.95rem;font-weight:700;line-height:1.5}.card-img-overlay-progress .overlay-text{color:var(--text-main);text-align:center;background:#0009;border:1px solid #fa06;border-radius:10px;padding:10px;font-size:.85rem;font-weight:700}.card-img-overlay-progress .overlay-text i{color:var(--progress-color);animation:2s infinite progressPulse}.card-body{flex-direction:column;flex-grow:1;gap:10px;padding:18px;display:flex}.card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.card-stars{align-items:center;gap:6px;display:flex}.stars-mini{gap:2px;font-size:.75rem;display:flex}.stars-mini i{color:#333}.stars-mini i.filled{color:var(--star-color)}.stars-mini i.half{background:linear-gradient(90deg, var(--star-color) 50%, #333 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stars-count{color:var(--text-muted);font-size:.75rem}.progress-container{background:#2a2a2a;border-radius:10px;height:7px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));height:100%;box-shadow:0 0 8px rgba(var(--primary-rgb), .3);border-radius:10px;transition:width 1s}.progress-bar.in-progress-bar{background:linear-gradient(90deg, var(--progress-color), #fc0);box-shadow:0 0 8px var(--progress-glow);background-size:200% 100%;background-image:linear-gradient(90deg, var(--progress-color) 0%, #fc0 25%, var(--progress-color) 50%, #fc0 75%, var(--progress-color) 100%);animation:2s infinite shimmer}.card-meta{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.card-price-section{align-items:center;gap:8px;display:flex}.card-price{color:var(--text-main);font-size:1.15rem;font-weight:700}.card-price.free{color:var(--primary-color)}.card-price.original{color:#666;font-size:.8rem;text-decoration:line-through}.card-price.coming-soon{color:var(--progress-color);font-size:1rem}.card-actions{gap:8px;margin-top:auto;display:flex}.btn-card{text-align:center;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:5px;padding:11px 8px;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.btn-card-primary{background:var(--primary-color);color:var(--bg-black)}.btn-card-primary:hover{opacity:.85;transform:translateY(-2px)}.btn-card-secondary{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border)}.btn-card-secondary:hover{background:var(--glass-border);border-color:#fff3}.btn-card-disabled{color:#555;cursor:not-allowed;background:#2a2a2a;flex:100%}.btn-card-progress{color:var(--progress-color);background:#ffaa001a;border:1px solid #ffaa004d;flex:100%}.btn-card-progress:hover{border-color:var(--progress-color);background:#fa03;transform:translateY(-2px)}.voice-section{margin-bottom:60px}.voice-ticker-wrapper{background:linear-gradient(90deg,#000000e6 0%,#1da1f208 15% 85%,#000000e6 100%);border-top:1px solid #1da1f226;border-bottom:1px solid #1da1f226;margin:20px 0 40px;padding:25px 0;position:relative;overflow:hidden}.voice-ticker-wrapper:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#000000f2,#0000);width:80px;height:100%;position:absolute;top:0;left:0}.voice-ticker-wrapper:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(-90deg,#000000f2,#0000);width:80px;height:100%;position:absolute;top:0;right:0}.voice-ticker-track{gap:20px;width:max-content;animation:120s linear infinite ticker-scroll;display:flex}.voice-ticker-track:hover{animation-play-state:paused}.voice-ticker-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141419cc;border:1px solid #1da1f226;border-radius:16px;flex-shrink:0;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.voice-ticker-item:before{content:"";background:linear-gradient(180deg, var(--twitter-blue), #1a8cd8);border-radius:0 4px 4px 0;width:3px;height:100%;position:absolute;top:0;left:0}.voice-ticker-item:hover{border-color:var(--twitter-blue);transform:translateY(-3px);box-shadow:0 5px 25px #1da1f226}.ticker-avatar{width:42px;height:42px;color:var(--text-main);background:linear-gradient(135deg, var(--twitter-blue), #1a8cd8);border:2px solid #1da1f24d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.ticker-game-thumb{object-fit:cover;border:1px solid var(--glass-border);border-radius:8px;flex-shrink:0;width:42px;height:52px}.ticker-content{flex:1;min-width:0}.ticker-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ticker-username{color:var(--text-main);font-size:.85rem;font-weight:700}.ticker-handle{color:var(--text-muted);font-size:.75rem}.ticker-twitter-icon{color:var(--twitter-blue);margin-right:auto;font-size:.85rem}.ticker-message{color:#ddd;margin-bottom:8px;font-size:.9rem;line-height:1.7}.ticker-game-tag{color:var(--twitter-blue);background:#1da1f214;border:1px solid #1da1f226;border-radius:15px;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;display:inline-flex}.ticker-game-tag i{font-size:.65rem}.ticker-rating-stars{gap:2px;margin-top:6px;font-size:.85rem;display:flex}.ticker-rating-stars i{color:#333}.ticker-rating-stars i.filled{color:var(--star-color)}.ticker-rating-stars i.half{background:linear-gradient(90deg, var(--star-color) 50%, #333 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.ticker-time{color:#666;align-items:center;gap:4px;margin-top:8px;font-size:.7rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px 20px}.empty-state i{opacity:.4;margin-bottom:15px;font-size:4rem}.empty-state h3{color:var(--text-main);margin-bottom:10px}@media (max-width:768px){.hero-content{padding:30px 25px}.hero-content h1{font-size:2.5rem}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-box .stat-number{font-size:1.8rem}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.slider-card{min-width:150px;max-width:160px}.section-title{font-size:1.15rem}.slider-btn{display:none}.voice-ticker-item{min-width:240px;max-width:300px}.search-box{margin-bottom:30px}.search-box input{padding:14px 20px;font-size:.95rem}}@media (max-width:420px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.slider-card{min-width:140px;max-width:150px}}.hero2{min-height:86vh;margin-top:calc(-1 * (var(--header-height) + 30px));align-items:center;margin-bottom:0;display:flex;position:relative;overflow:hidden}.hero2-bgwrap{z-index:0;position:absolute;inset:0}.hero2-bg{opacity:0;filter:saturate(1.05);background-position:50%;background-size:cover;transition:opacity 1.1s,transform 7s;position:absolute;inset:0;transform:scale(1.08)}.hero2-bg.active{opacity:1;transform:scale(1)}.hero2-bg-overlay{background:linear-gradient(90deg, #1c202ff5 0%, #1c202fb8 35%, #1c202f59 65%, #1c202fd9 100%), linear-gradient(0deg, var(--bg-black,#1c202f) 2%, transparent 40%);position:absolute;inset:0}html.light-mode .hero2-bg-overlay{background:linear-gradient(90deg,#eef1fff5 0%,#eef1ffb3 35%,#eef1ff4d 65%,#eef1ffd9 100%),linear-gradient(#0000 60%,#eef1f7 98%)}.hero2-inner{z-index:2;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1240px;margin:0 auto;padding:90px 40px 70px;display:flex;position:relative}.hero2-card-col{flex-shrink:0}.hero2-card{border-radius:24px;width:290px;padding:2px;position:relative}.hero2-rankborder{z-index:0;border-radius:26px;position:absolute;inset:-2px;overflow:hidden}.hero2-rankborder:before{content:"";background:conic-gradient(from 0deg, transparent 0deg 305deg, rgba(var(--primary-rgb), .35) 330deg, var(--primary-color) 344deg, #fff 350deg, var(--primary-color) 356deg, transparent 360deg);animation:2.8s linear infinite hero2spin;position:absolute;inset:-40%}@keyframes hero2spin{to{transform:rotate(360deg)}}.hero2-card-body{z-index:1;aspect-ratio:3/4;border:1px solid rgba(var(--primary-rgb), .16);background:#11151f;border-radius:22px;position:relative;overflow:hidden}.hero2-card-img{object-fit:cover;width:100%;height:100%;display:block}.hero2-card-badges{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.h2b{color:#fff;border-radius:20px;padding:3px 9px;font-size:.68rem;font-weight:800}.h2b-disc{background:#ff4d6d}.h2b-free{background:var(--primary-color);color:var(--bg-black)}.h2b-vip{background:linear-gradient(135deg,#ffb400,#ff7a00)}.hero2-card-info{z-index:2;color:#fff;background:linear-gradient(#0000,#000000eb 70%);padding:16px 14px 14px;position:absolute;inset:auto 0 0}.hero2-card-info h3{margin:0 0 7px;font-size:1.05rem;font-weight:800}.hero2-card-meta{color:#cfd3e0;gap:12px;margin-bottom:10px;font-size:.76rem;display:flex}.hero2-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero2-price{color:#fff;font-size:.85rem;font-weight:800}.hero2-price s{color:#888;margin-left:4px;font-weight:400}.hero2-price small{color:#bbb;font-size:.7rem;font-weight:400}.hero2-price.free{color:var(--primary-color)}.hero2-card-btn{background:var(--primary-color);color:var(--bg-black);white-space:nowrap;border-radius:10px;padding:7px 16px;font-size:.82rem;font-weight:800;text-decoration:none}.hero2-card-btn:hover{filter:brightness(1.1)}.hero2-text-col{max-width:470px;color:var(--text-main)}.hero2-eyebrow{color:var(--primary-color);background:rgba(var(--primary-rgb), .12);border:1px solid rgba(var(--primary-rgb), .3);border-radius:20px;margin-bottom:18px;padding:5px 14px;font-size:.8rem;font-weight:700;display:inline-block}.hero2-title{margin:0 0 16px;font-size:3.1rem;font-weight:900;line-height:1.18}.hero2-title span{color:var(--primary-color)}.hero2-desc{color:var(--text-muted);margin:0 0 26px;font-size:1rem;line-height:1.9}.hero2-actions{flex-wrap:wrap;gap:14px;display:flex}.hero2-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.hero2-btn.primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:var(--bg-black);box-shadow:0 12px 26px rgba(var(--primary-rgb), .4)}.hero2-btn.primary:hover{box-shadow:0 16px 32px rgba(var(--primary-rgb), .55);transform:translateY(-2px)}.hero2-btn.ghost{color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff29}html.light-mode .hero2-btn.ghost{background:#0000000a;border-color:#0000001f}.hero2-btn.ghost:hover{border-color:rgba(var(--primary-rgb), .5);transform:translateY(-2px)}.hero2-bars{z-index:3;gap:8px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hero2-bar{cursor:pointer;background:#ffffff38;border:none;border-radius:6px;width:46px;height:5px;padding:0;overflow:hidden}.hero2-bar.active{width:64px}.hero2-bar-fill{background:var(--primary-color);border-radius:6px;height:100%;transition:width .12s linear;display:block}.banner-section{z-index:3;max-width:1300px;margin:-30px auto 0;padding:0 40px 50px;position:relative}.banner-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.banner-head h2{color:var(--text-main);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.banner-head h2 i{color:var(--primary-color)}.banner-more{color:var(--primary-color);font-size:.88rem;font-weight:700;text-decoration:none}.banner-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.banner-card{cursor:pointer;aspect-ratio:16/10;background:#11151f;border:none;border-radius:16px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 10px 26px #0000004d}.banner-card img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.banner-card:hover{box-shadow:0 16px 34px rgba(var(--primary-rgb), .25);transform:translateY(-4px)}.banner-card:hover img{transform:scale(1.06)}.banner-card-badges{z-index:2;gap:6px;display:flex;position:absolute;top:10px;right:10px}.bc-badge{color:#fff;border-radius:20px;padding:3px 8px;font-size:.66rem;font-weight:800}.bc-badge.disc{background:#ff4d6d}.bc-badge.free{background:var(--primary-color);color:var(--bg-black)}.bc-badge.wip{background:#000000a6}.banner-card-title{z-index:2;text-align:right;color:#fff;background:linear-gradient(#0000,#000000d9);padding:22px 12px 10px;font-size:.85rem;font-weight:700;position:absolute;inset:auto 0 0}.bpop-overlay{z-index:10800;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05070eb8;justify-content:center;align-items:center;padding:20px;animation:.2s bpopFade;display:flex;position:fixed;inset:0}@keyframes bpopFade{0%{opacity:0}to{opacity:1}}.bpop{background:var(--surface-dark,#232838);border:1px solid var(--dropdown-border,#ffffff14);border-radius:22px;width:100%;max-width:460px;animation:.28s cubic-bezier(.2,.8,.2,1) bpopUp;position:relative;overflow:hidden;box-shadow:0 30px 70px #0009}@keyframes bpopUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}.bpop-close{z-index:3;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;width:36px;height:36px;font-size:1rem;position:absolute;top:12px;left:12px}.bpop-close:hover{background:#000c}.bpop-banner{background-position:50%;background-size:cover;height:170px;position:relative}.bpop-banner-fade{background:linear-gradient(transparent 30%, var(--surface-dark,#232838));position:absolute;inset:0}.bpop-body{z-index:2;margin-top:-42px;padding:0 20px 20px;position:relative}.bpop-titlerow{align-items:flex-end;gap:14px;display:flex}.bpop-cover{object-fit:cover;border:2px solid var(--surface-dark,#232838);border-radius:12px;flex-shrink:0;width:74px;height:96px;box-shadow:0 8px 20px #00000080}.bpop-titlerow h3{color:var(--text-main);margin:0 0 6px;font-size:1.15rem;font-weight:800}.bpop-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;margin-bottom:6px;font-size:.76rem;display:flex}.bpop-wip{color:#ffb400}.bpop-price{color:var(--text-main);font-size:.92rem}.bpop-price s{color:#888;margin-left:4px}.bpop-price b{color:var(--primary-color);font-size:1.05rem}.bpop-price .free{color:var(--primary-color);font-weight:800}.bpop-disc{color:#fff;background:#ff4d6d;border-radius:20px;margin-right:4px;padding:2px 7px;font-size:.68rem;font-weight:800}.bpop-desc{color:var(--text-muted);margin:14px 0 6px;font-size:.85rem;line-height:1.8}.bpop-msg{background:rgba(var(--primary-rgb), .12);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb), .3);text-align:center;border-radius:10px;margin:8px 0;padding:8px 12px;font-size:.82rem}.bpop-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.bpop-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px;font-size:.85rem;font-weight:800;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.bpop-btn.buy{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:var(--bg-black);box-shadow:0 10px 22px rgba(var(--primary-rgb), .35)}.bpop-btn.buy:hover{transform:translateY(-2px)}.bpop-btn.owned{background:rgba(var(--primary-rgb), .12);color:var(--primary-color);border-color:rgba(var(--primary-rgb), .3);cursor:default;flex-basis:100%}.bpop-btn.wish{color:var(--text-main);background:#ffffff0d;border-color:#ffffff24}.bpop-btn.wish.on{color:#ff4d6d;background:#ff4d6d14;border-color:#ff4d6d66}.bpop-btn.details{color:var(--text-main);background:#ffffff0d;border-color:#ffffff24}html.light-mode .bpop-btn.wish,html.light-mode .bpop-btn.details{background:#0000000a;border-color:#0000001a}@media (max-width:992px){.hero2-title{font-size:2.4rem}.hero2-card{width:240px}.banner-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hero2-inner{text-align:center;flex-direction:column-reverse;gap:26px;padding:80px 20px 60px}.hero2-text-col{max-width:100%}.hero2-actions{justify-content:center}.hero2-eyebrow{margin-bottom:12px}.hero2-title{font-size:2rem}.banner-section{padding:0 16px 40px}.banner-grid{grid-template-columns:repeat(2,1fr)}.hero2-bars{bottom:14px}}