:root{--neon-cyan: #00f3ff;--neon-purple: #bc13fe;--neon-pink: #ec4899;--neon-blue: #3b82f6;--neon-green: #00ff88;--dark-bg: #030305;--dark-bg-secondary: #0a0a0f;--dark-bg-tertiary: #12121a;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(0, 243, 255, .4);--hud-line: rgba(0, 243, 255, .2);--selection-bg: rgba(0, 243, 255, .3)}::selection{background:var(--selection-bg);color:#fff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Rajdhani,sans-serif;background:var(--dark-bg);color:#fff;overflow-x:hidden;line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 0%,rgba(0,243,255,.15) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(188,19,254,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(3,3,5,1) 0%,transparent 100%);pointer-events:none;z-index:-2}.mesh-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background:#030305;overflow:hidden}#webgl-canvas,#matrix-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}#webgl-canvas{z-index:-2;opacity:.8}#matrix-rain{z-index:-1;opacity:.1}.scanlines{position:fixed;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 51%,transparent 51%);background-size:100% 4px;z-index:100;pointer-events:none;opacity:.3}.vignette{position:fixed;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(3,3,5,.4) 100%);z-index:101;pointer-events:none}.mesh-ball{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(80px);opacity:.4;animation:meshMove 20s infinite alternate ease-in-out}@keyframes meshMove{0%{transform:translate(-20%,-20%) scale(1)}to{transform:translate(20%,20%) scale(1.2)}}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.02em}.neon-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark-bg)}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--neon-pink);animation:glitch-1 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--neon-cyan);animation:glitch-2 5s infinite linear alternate-reverse}@keyframes glitch-1{0%{clip:rect(30px,9999px,15px,0)}10%{clip:rect(80px,9999px,70px,0)}20%{clip:rect(10px,9999px,55px,0)}30%{clip:rect(40px,9999px,65px,0)}40%{clip:rect(70px,9999px,30px,0)}50%{clip:rect(85px,9999px,20px,0)}60%{clip:rect(5px,9999px,95px,0)}70%{clip:rect(35px,9999px,60px,0)}80%{clip:rect(45px,9999px,80px,0)}90%{clip:rect(20px,9999px,90px,0)}to{clip:rect(10px,9999px,70px,0)}}@keyframes glitch-2{0%{clip:rect(65px,9999px,99px,0)}10%{clip:rect(85px,9999px,15px,0)}20%{clip:rect(95px,9999px,5px,0)}30%{clip:rect(10px,9999px,50px,0)}40%{clip:rect(25px,9999px,95px,0)}50%{clip:rect(5px,9999px,70px,0)}60%{clip:rect(40px,9999px,10px,0)}70%{clip:rect(15px,9999px,85px,0)}80%{clip:rect(30px,9999px,95px,0)}90%{clip:rect(50px,9999px,15px,0)}to{clip:rect(20px,9999px,80px,0)}}.cyber-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,243,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.08) 1px,transparent 1px);background-size:80px 80px;animation:gridMove 20s linear infinite;pointer-events:none}@keyframes gridMove{0%{background-position:0 0}to{background-position:80px 80px}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:2px;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.glass-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.hud-bracket{position:absolute;width:15px;height:15px;border-color:var(--neon-cyan);border-style:solid;opacity:.5;transition:all .3s ease}.hud-bracket-tl{top:0;left:0;border-width:2px 0 0 2px}.hud-bracket-tr{top:0;right:0;border-width:2px 2px 0 0}.hud-bracket-bl{bottom:0;left:0;border-width:0 0 2px 2px}.hud-bracket-br{bottom:0;right:0;border-width:0 2px 2px 0}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--neon-cyan);box-shadow:0 0 40px #00f3ff26,inset 0 0 20px #00f3ff0d;transform:translateY(-5px)}.glass-card:hover .hud-bracket{opacity:1;width:25px;height:25px;filter:drop-shadow(0 0 5px var(--neon-cyan))}.cyber-button{position:relative;background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-weight:600;font-family:Orbitron,sans-serif;padding:1rem 3rem;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);text-transform:uppercase;letter-spacing:4px;display:inline-flex;align-items:center;justify-content:center}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-cyan);transition:all .4s cubic-bezier(.2,.8,.2,1);z-index:-1}.cyber-button:hover{color:#000;box-shadow:0 0 30px #00f3ff80}.cyber-button:hover:before{left:0}.cyber-button-fill{background:var(--neon-cyan);color:#000}.cyber-button-fill:hover{background:#fff;border-color:#fff;box-shadow:0 0 40px #ffffff80}.cyber-button-outline{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 20px #00f3ff33,inset 0 0 20px #00f3ff0d}.cyber-button-outline:hover{background:#00f3ff1a;color:var(--neon-cyan);box-shadow:0 0 40px #00f3ff66,inset 0 0 30px #00f3ff1a}.floating{animation:floating 4s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-50px);transition:all .8s ease}.scroll-reveal-left.visible{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(50px);transition:all .8s ease}.scroll-reveal-right.visible{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.nav-glass{background:#030305cc;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-link{position:relative;color:#ffffffb3;transition:all .3s ease;padding:.5rem 1rem}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));transition:all .3s ease;transform:translate(-50%)}.nav-link:hover,.nav-link.active{color:var(--neon-cyan)}.nav-link:hover:before,.nav-link.active:before{width:80%}.mobile-bottom-nav-glass{background:#030303d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1000;box-shadow:0 -10px 40px #00000080}#mobile-menu.hidden{display:none!important}.bottom-nav{display:flex;align-items:center;justify-content:space-around;width:100%}.mobile-nav-item{color:#fff6;transition:all .3s ease;position:relative;min-width:60px}.mobile-nav-item.active{color:var(--neon-cyan)}.mobile-nav-item i{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.mobile-nav-item.active i{transform:translateY(-2px);filter:drop-shadow(0 0 8px var(--neon-cyan))}.mobile-nav-item.active span{text-shadow:0 0 5px var(--neon-cyan)}.mobile-overlay-item{position:relative;overflow:hidden;padding:.5rem 1rem}.mobile-overlay-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--neon-cyan);transition:all .3s ease;transform:translate(-50%)}.mobile-overlay-item:hover:after,.mobile-overlay-item.active:after{width:100%}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-title{font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:1}.hero-subtitle{font-size:clamp(1.5rem,4vw,3rem);font-weight:300;letter-spacing:.5em;text-transform:uppercase}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.cursor-glow{position:fixed;width:400px;height:400px;background:radial-gradient(circle,rgba(0,243,255,.15) 0%,transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}.screenshot-container{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.screenshot-container img{transition:all .4s ease}.screenshot-container:hover{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f3ff4d}.screenshot-container:hover img{transform:scale(1.05)}.neon-border{border:2px solid var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan),0 0 20px #00f3ff80,inset 0 0 20px #00f3ff1a}.games-tabs{background:#ffffff08;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:6px;display:flex;gap:4px}.game-tab{flex:1;padding:1rem 2rem;text-align:center;border-radius:12px;cursor:pointer;font-weight:600;font-family:Orbitron,sans-serif;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden}.game-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));opacity:0;transition:opacity .3s ease}.game-tab span{position:relative;z-index:1}.game-tab:hover{color:var(--neon-cyan)}.game-tab.active{color:#000;box-shadow:0 0 30px #00f3ff66}.game-tab.active:before{opacity:1}.stat-card{background:linear-gradient(145deg,#00f3ff1a,#bc13fe1a);border:1px solid rgba(0,243,255,.2);border-radius:16px;padding:1.5rem;text-align:center}.stat-number{font-size:3rem;font-weight:900;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.loading-overlay{position:fixed;inset:0;background:#030305;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s}.boot-sequence{font-family:Rajdhani,monospace;font-size:.8rem;color:var(--neon-cyan);margin-bottom:2rem;height:100px;width:300px;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.loading-circle{position:relative;width:120px;height:120px;border:2px solid rgba(0,243,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center}.loading-circle:after{content:"";position:absolute;inset:-10px;border:2px solid transparent;border-top-color:var(--neon-cyan);border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-percentage{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.view-container{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;display:none}.view-container.active{opacity:1;transform:translateY(0);display:block}.geo-shape{position:absolute;border:2px solid rgba(0,243,255,.2);animation:geoFloat 10s ease-in-out infinite}@keyframes geoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:orbFloat 15s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan),var(--neon-purple));border-radius:4px}.social-link{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;font-size:1.5rem}.social-link:hover{background:#00f3ff1a;border-color:var(--neon-cyan);transform:translateY(-4px) scale(1.1);box-shadow:0 10px 30px #00f3ff4d}.text-gradient{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.encrypted-placeholder{position:relative;width:100%;height:100%;min-height:400px;background:#bc13fe0d;border:1px dashed rgba(188,19,254,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:1rem}.encrypted-placeholder:before{content:"ACCESS_RESTRICTED";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:.8em;color:var(--neon-purple);opacity:.4;white-space:nowrap;animation:glitch-text-simple 3s infinite}.encrypted-placeholder .scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--neon-purple);box-shadow:0 0 15px var(--neon-purple);opacity:.3;animation:scan-vertical 4s linear infinite}.encrypted-placeholder .data-grid{position:absolute;inset:0;background-image:radial-gradient(circle at 2px 2px,rgba(188,19,254,.15) 1px,transparent 0);background-size:20px 20px;opacity:.5}@keyframes scan-vertical{0%{top:-5%}to{top:105%}}@keyframes glitch-text-simple{0%,to{opacity:.4;transform:translate(-50%,-50%) skew(0)}5%{opacity:.8;transform:translate(-51%,-49%) skew(5deg)}10%{opacity:.4;transform:translate(-50%,-50%) skew(0)}}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:.875rem;letter-spacing:.2em}.cursor-glow,.geo-shape{display:none}section{padding-top:5rem;padding-bottom:5rem}.hero-section{padding-top:8rem}.glass-card{padding:1.5rem!important}.view-container{padding-bottom:100px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}