:root{--rg-cyan: #00D2FF;--rg-magenta: #FF00FF;--rg-yellow: #FFD700;--rg-space: #0D0E1C;--pixel-black: #000000;--white: #FFFFFF;--border-width: 4px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.22, 1, .36, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #00d2ff4d}50%{box-shadow:0 0 20px #00d2ff99,0 0 40px #00d2ff33}}@keyframes glowPulseMagenta{0%,to{box-shadow:0 0 5px #ff00ff4d}50%{box-shadow:0 0 20px #f0f9,0 0 40px #f0f3}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gridDrift{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes borderGlow{0%,to{border-color:#00d2ff4d}50%{border-color:#00d2ffcc}}@keyframes textGlow{0%,to{text-shadow:0 0 4px rgba(0,210,255,.4)}50%{text-shadow:0 0 12px rgba(0,210,255,.8),0 0 20px rgba(0,210,255,.3)}}@keyframes pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes hamburgerTop{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(8px) rotate(0)}to{transform:translateY(8px) rotate(45deg)}}@keyframes hamburgerBottom{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(0)}to{transform:translateY(-8px) rotate(-45deg)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s var(--transition-smooth),transform .6s var(--transition-smooth)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll.slide-left{transform:translate(-40px)}.animate-on-scroll.slide-left.visible{transform:translate(0)}.animate-on-scroll.slide-right{transform:translate(40px)}.animate-on-scroll.slide-right.visible{transform:translate(0)}.animate-on-scroll.scale-up{transform:scale(.85)}.animate-on-scroll.scale-up.visible{transform:scale(1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--rg-space);color:var(--white);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.pixel-border{border:var(--border-width) solid var(--pixel-black);box-shadow:4px 4px 0 0 var(--rg-magenta);background:#15162c}.pixel-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:var(--border-width) solid var(--pixel-black);box-shadow:4px 4px 0 0 var(--rg-cyan);text-transform:uppercase;font-family:"Press Start 2P",cursive;font-size:10px;cursor:pointer;transition:all var(--transition-fast);background:var(--rg-space);color:var(--white);position:relative;overflow:hidden}.pixel-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.pixel-btn:hover:before{left:100%}.pixel-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--rg-magenta);background:#1a1b3a}.pixel-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--pixel-black)}.app-container{max-width:1440px;margin:0 auto}.brand-header{background:rgba(13,14,28,.92);border-bottom:var(--border-width) solid var(--rg-cyan);padding:1.5rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:padding var(--transition-smooth),box-shadow var(--transition-smooth),border-color .8s ease;animation:borderGlow 4s ease-in-out infinite}.brand-header.header-scrolled{padding:.75rem 0;box-shadow:0 4px 30px #00d2ff26,0 1px 3px #00000080}.brand-header.header-scrolled .brand-logo{height:44px}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo-link{display:flex;align-items:center;gap:1.5rem;cursor:pointer;text-decoration:none}.brand-logo{height:60px;width:auto;filter:drop-shadow(0 0 10px var(--rg-cyan));transition:height var(--transition-smooth),filter var(--transition-fast);animation:floatY 4s ease-in-out infinite}.brand-logo:hover{filter:drop-shadow(0 0 20px var(--rg-cyan)) drop-shadow(0 0 40px rgba(0,210,255,.3))}.brand-title{font-family:"Press Start 2P",cursive;font-size:1.25rem;background:linear-gradient(90deg,var(--rg-cyan),var(--rg-magenta));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;animation:gradientShift 4s ease infinite}.nav-menu{display:flex;gap:2.5rem}.nav-item{font-family:"Press Start 2P",cursive;font-size:9px;color:var(--white);text-decoration:none;padding:.5rem 0;transition:all var(--transition-fast);background:none;border:none;cursor:pointer;position:relative;animation:fadeInUp .5s ease both}.nav-item:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:3px;background:linear-gradient(90deg,var(--rg-magenta),var(--rg-cyan));transition:width var(--transition-smooth),left var(--transition-smooth);border-radius:2px;box-shadow:0 0 8px #ff00ff80}.nav-item:hover:after,.nav-item.active:after{width:100%;left:0}.nav-item.active,.nav-item:hover{color:var(--rg-magenta);text-shadow:0 0 8px var(--rg-magenta)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:6px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;z-index:200}.hamburger-btn span{display:block;width:100%;height:2px;background:var(--rg-cyan);transition:all .3s ease;border-radius:1px;box-shadow:0 0 4px var(--rg-cyan)}.hamburger-btn.open span:nth-child(1){transform:translateY(8px) rotate(45deg);background:var(--rg-magenta);box-shadow:0 0 4px var(--rg-magenta)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);background:var(--rg-magenta);box-shadow:0 0 4px var(--rg-magenta)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(13,14,28,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;animation:fadeInUp .3s ease}.mobile-nav-overlay .nav-item{font-size:14px;padding:1rem;animation:fadeInUp .4s ease both}.filter-strip{background:#111226;border:var(--border-width) solid var(--pixel-black);padding:2rem;margin:2rem;box-shadow:8px 8px #00000080;display:flex;flex-direction:column;gap:1.5rem;transition:box-shadow var(--transition-fast)}.filter-strip:hover{box-shadow:8px 8px #00d2ff26,12px 12px 30px #0006}.pixel-dropdown{background:#1a1b3a;border:3px solid var(--pixel-black);color:var(--white);padding:.75rem 2.5rem .75rem 1rem;font-family:"Press Start 2P",cursive;font-size:9px;text-transform:uppercase;cursor:pointer;outline:none;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--rg-cyan) 50%),linear-gradient(135deg,var(--rg-cyan) 50%,transparent 50%);background-position:calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}.pixel-dropdown:focus{border-color:var(--rg-cyan);box-shadow:0 0 10px var(--rg-cyan)}.pixel-dropdown:hover{border-color:var(--rg-magenta)}.pixel-dropdown option{background:#1a1b3a;color:var(--white)}.filter-pill:hover:not(.active){border-color:var(--rg-magenta);color:var(--white)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:3rem;padding:2rem}.brand-card{background:#1a1b3a;border:var(--border-width) solid var(--pixel-black);box-shadow:8px 8px 0 0 var(--rg-magenta);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-spring),box-shadow var(--transition-smooth);animation:fadeInUp .6s ease both;position:relative}.brand-card:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,210,255,.05),transparent);transition:left .8s ease;z-index:1;pointer-events:none}.brand-card:hover:before{left:150%}.brand-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:12px 12px 0 0 var(--rg-cyan),0 20px 40px #00d2ff1a}.card-header{height:6px;width:100%;transition:height var(--transition-fast)}.brand-card:hover .card-header{height:8px}.card-header.news{background:linear-gradient(90deg,var(--rg-magenta),#ff66ff)}.card-header.review{background:linear-gradient(90deg,var(--rg-cyan),#66e5ff)}.card-body{padding:2rem;flex-grow:1}.card-title{font-family:Inter,sans-serif;font-weight:900;font-size:1.5rem;color:var(--white);margin-bottom:1rem;line-height:1.2;transition:color var(--transition-fast)}.card-desc{color:#ffffffb3;font-size:13px;line-height:1.6}.scanline-branded{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(13,14,28,0) 50%,rgba(0,210,255,.05) 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.15}.score-badge{background:var(--pixel-black);border:2px solid var(--rg-cyan);padding:.25rem .5rem;font-family:"Press Start 2P",cursive;font-size:10px;color:var(--rg-cyan);text-shadow:0 0 5px var(--rg-cyan);animation:glowPulse 3s ease-in-out infinite}.footer-gradient-divider{height:4px;background:linear-gradient(90deg,var(--rg-magenta),var(--rg-cyan),var(--rg-yellow),var(--rg-magenta));background-size:300% 100%;animation:gradientShift 6s ease infinite}.footer-grid-bg{background-image:linear-gradient(rgba(0,210,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.1) 1px,transparent 1px);background-size:40px 40px;background-position:center;animation:gridDrift 20s linear infinite}.footer-section{margin-top:0;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--rg-space) 0%,#080916 100%)}.social-link{color:#4b5563;transition:all var(--transition-spring);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:8px;position:relative}.social-link:hover{color:var(--rg-cyan);transform:translateY(-4px) scale(1.15);filter:drop-shadow(0 0 12px var(--rg-cyan));border-color:#00d2ff4d;background:rgba(0,210,255,.05)}.social-link:nth-child(1):hover{color:#e1306c;filter:drop-shadow(0 0 12px #E1306C);border-color:#e1306c4d}.social-link:nth-child(2):hover{color:#1da1f2;filter:drop-shadow(0 0 12px #1DA1F2);border-color:#1da1f24d}.social-link:nth-child(3):hover{color:#4267b2;filter:drop-shadow(0 0 12px #4267B2);border-color:#4267b24d}.social-link:nth-child(4):hover{color:#0077b5;filter:drop-shadow(0 0 12px #0077B5);border-color:#0077b54d}.footer-link{color:#6b7280;font-family:monospace;font-size:9px;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.25rem 0;position:relative;transition:color var(--transition-fast)}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--rg-cyan),var(--rg-magenta));transition:width var(--transition-smooth)}.footer-link:hover{color:var(--white)}.footer-link:hover:after{width:100%}.newsletter-input-group{display:flex;gap:0;max-width:400px}.newsletter-input{flex:1;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-right:none;padding:.75rem 1rem;color:var(--white);font-family:monospace;font-size:10px;outline:none;transition:all var(--transition-smooth)}.newsletter-input::placeholder{color:#4b5563;font-family:"Press Start 2P",cursive;font-size:7px;text-transform:uppercase}.newsletter-input:focus{border-color:var(--rg-cyan);box-shadow:0 0 15px #00d2ff33,inset 0 0 15px #00d2ff0d;background:rgba(0,210,255,.03)}.newsletter-btn{background:var(--rg-cyan);border:2px solid var(--rg-cyan);color:var(--pixel-black);padding:.75rem 1.25rem;font-family:"Press Start 2P",cursive;font-size:7px;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;font-weight:700;white-space:nowrap}.newsletter-btn:hover{background:var(--rg-magenta);border-color:var(--rg-magenta);box-shadow:0 0 15px #f0f6}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:12px;background:rgba(13,14,28,.9);border:2px solid var(--rg-cyan);color:var(--rg-cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:90;transition:all var(--transition-spring);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:scaleIn .3s ease;box-shadow:0 4px 20px #00d2ff26}.back-to-top:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 30px #00d2ff4d;background:rgba(0,210,255,.1)}.back-to-top:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;border:2px solid var(--rg-cyan);animation:pulseRing 2s ease-out infinite;pointer-events:none}.ad-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(17,18,38,.6);border:1px solid rgba(255,255,255,.04);border-radius:4px;padding:.5rem;position:relative;transition:opacity var(--transition-fast)}.ad-container:before{content:"AD";position:absolute;top:4px;right:8px;font-family:"Press Start 2P",cursive;font-size:5px;color:#ffffff26;letter-spacing:2px;z-index:2}.ad-leaderboard{width:100%;max-width:728px;min-height:90px;margin:1rem auto}.ad-rectangle{width:100%;max-width:300px;min-height:250px;margin:1rem auto}.ad-responsive{width:100%;min-height:100px;margin:1rem auto}.w-4{width:1rem}.h-4{height:1rem}.object-contain{object-fit:contain}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.p-2{padding:.5rem}.bg-red-600{background:var(--rg-magenta)}.text-white{color:var(--white)}.uppercase{text-transform:uppercase}@media (max-width: 768px){.nav-menu{display:none}.hamburger-btn{display:flex}.header-content{padding:0 1rem}.brand-logo{height:44px}.brand-header.header-scrolled .brand-logo{height:36px}.content-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.filter-strip{margin:1rem;padding:1rem}.app-container{padding:0 .5rem}.ad-leaderboard{max-width:100%;min-height:60px}.ad-rectangle{max-width:100%}.footer-section .grid-cols-1{gap:2rem}.newsletter-input-group{max-width:100%;flex-direction:column}.newsletter-input{border-right:2px solid rgba(255,255,255,.1);border-bottom:none}.back-to-top{bottom:1rem;right:1rem;width:40px;height:40px}}@media (max-width: 480px){.brand-logo{height:36px}.brand-title{font-size:.75rem}}