.navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#0bf);box-shadow:0 2px 6px #0006;width:100%;height:70px}.logo{font-size:24px;font-weight:700;position:relative;top:10px;left:137px;margin-top:0}.nav-links{display:flex;gap:20px;position:relative;left:40px}.nav-links a{color:#fff;text-decoration:none;font-size:16px}.nav-actions{display:flex;gap:25px;align-items:center;position:relative;right:20px}.icon-heart{cursor:pointer;position:relative;height:25px;width:30px}.icon-heart:hover{transform:scale(1.2);transition:transform .2s ease,color .2s ease}.icon-bell{cursor:pointer;transition:transform .2s ease}.icon-bell:hover{animation:ring .6s ease-in-out}@keyframes ring{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.login-btn{background:#fff;color:#0bf;padding:4px 12px;border-radius:25px;cursor:pointer;width:70px}.icon{position:relative;top:2px;left:6px}.login-btn button{border:none;color:#0bf;background-color:#fff;font-weight:700;padding:5px 6px;position:relative;left:7px;cursor:pointer}@media (max-width: 1400px){.navbar{height:70px}.logo{font-size:20px;left:20px;top:10px}.nav-links{gap:15px;left:50px}.nav-links a{font-size:14px}.nav-actions{gap:15px;right:10px}.icon-heart,.icon-bell{height:20px;width:25px}.login-btn{width:70px;padding:3px 10px;font-size:14px}}.hero{text-align:center;padding:50px 20px;background-color:#000}@font-face{font-family:Motion Control;src:url(/fonts/MotionControl-Bold.otf) format("opentype");font-weight:700;font-style:normal}.hero-title{font-size:80px;font-family:Motion Control,sans-serif;font-weight:700;font-style:normal;color:#0bf}.hero-subtitle{top:-65px;color:#d1d5db;font-size:20px;width:400px;position:relative;left:40%}.search-box{margin-top:-20px;display:inline-flex;align-items:center;gap:10px;color:#fff;background:transparent;padding:10px 14px;border-radius:25px;width:400px;box-shadow:0 0 2px #696bef,0 0 2px #00c5bc,0 0 2px #0bf;margin-bottom:10px}.search-box input{border:none;outline:none;flex:1;font-size:15px;background:transparent;color:#fff}.search-icon{color:#6b21a8}.search-box:hover{box-shadow:-8px 0 20px #696bef,0 0 20px #00c5bc,8px 0 20px #0bf;transition:1s ease}@media (max-width:1400px){.hero-title{font-size:60px}.hero-subtitle{font-size:20px;top:-45px;width:400px;left:35%}.search-box{width:300px}}.game-card{background:#1f1f1f;border-radius:25px;box-shadow:0 4px 8px #00000080;transition:transform .1s ease;cursor:pointer;width:301px!important;height:320px!important;gap:10px}.game-card a{text-decoration:none;color:inherit}.game-img{width:301px!important;height:320px!important;object-fit:fill;border-radius:16px;transition:transform .1s ease,box-shadow .1s ease}.game-card.disabled .game-card-content{position:relative}.game-card.disabled .game-card-content:after{content:"";position:absolute;inset:0;background:#000c;border-radius:16px}.lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;z-index:1;opacity:0;transition:opacity .2s ease}.game-card.disabled:hover .lock-icon{opacity:1}.game-title{margin-top:8px;font-size:15px;font-weight:700;color:#c084fc;text-shadow:0 0 6px rgba(192,132,252,.8)}.game-card:hover .game-img{transform:scale(1);box-shadow:0 6px 20px #0bf;transition:transform .1s ease}@media (max-width:1400px){.game-card,.game-img{width:250px!important;height:270px!important}}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-auto-flow:row dense;gap:15px;padding:0% 18%;margin:-20px;background:linear-gradient(to bottom,#000,#002530)}.games-grid>*:nth-child(4n+2),.games-grid>*:nth-child(4n+3){margin-top:70px;margin-bottom:-80px}@media screen and (max-width: 1600px){.games-grid{grid-template-columns:repeat(4,minmax(160px,1fr));padding:0% 12%;margin-top:-5px;gap:5px70px;margin-left:-20px}.games-grid>*:nth-child(4n+2){margin-top:70px;margin-bottom:-80px}}body{margin:0 0 40px;font-family:Arial,sans-serif;background:#002530;color:#fff;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column}