:root{--neon-blue:#00f3ff;--cyber-purple:#b026ff;--dark-bg:#0a0a1a;--neon-pink:#f0f}*{margin:0;padding:0;box-sizing:border-box;font-family:'Oxanium',cursive}body{background:var(--dark-bg);color:#fff;overflow-x:hidden}.cyber-nav{background:#0a0a1ae6;padding:20px 80px;position:fixed;width:100%;z-index:1000;border-bottom:2px solid var(--neon-blue);box-shadow:0 0 15px #00f3ff4d}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo{font-size:32px;font-weight:800;background:linear-gradient(45deg,var(--neon-blue),var(--cyber-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{height:100vh;background:radial-gradient(circle at center,#0b0f28e6,#000000e6),url(game-bg.jpg) center/cover;display:flex;align-items:center;padding:0 10%;position:relative;overflow:hidden}.hero::after{content:'';position:absolute;width:300%;height:300%;background:linear-gradient(45deg,transparent 45%,var(--neon-blue) 50%,transparent 55%);animation:scan 6s linear infinite}@keyframes scan{0%{transform:translate(-50%,-50%) rotate(45deg)}100%{transform:translate(-50%,150%) rotate(45deg)}}.game-card{background:#ffffff1a;border:2px solid var(--neon-blue);border-radius:10px;transition:.3s;cursor:pointer;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-10px);box-shadow:0 0 25px var(--neon-blue)}.game-card::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,#00f3ff33 50%,transparent 60%);animation:glow 3s infinite}.cyber-button{background:none;border:2px solid var(--neon-blue);color:#fff;padding:12px 30px;font-size:18px;position:relative;overflow:hidden;transition:.3s}.cyber-button::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(90deg,transparent,#00f3ff4d,transparent);transform:skewX(-45deg);left:-150%;transition:.5s}.cyber-button:hover::before{left:150%}.footer-content{max-width:1200px;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;text-align: center}@media (max-width: 768px){.cyber-nav{padding:15px 20px}.logo{font-size:24px}.hero{padding:100px 20px}}