:root{--bg-color:#0f1115;--text-color:#fff;--accent-color:#00d2ff;--accent-color-2:#3a7bd5;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--font-family:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 15%,#3a7bd526,#0000 25%),radial-gradient(circle at 85% 30%,#00d2ff26,#0000 25%);min-height:100vh;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex}header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:100;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:sticky;top:0}.logo{letter-spacing:1px;font-size:1.8rem;font-weight:700}.logo span{color:var(--accent-color)}nav a{color:#ccc;margin-left:2rem;font-weight:400;text-decoration:none;transition:color .3s}nav a:hover,nav a.active{color:var(--accent-color)}main{flex:1;padding:2rem 5%}.hero{text-align:center;margin-bottom:2rem;padding:4rem 0}.hero h1{background:linear-gradient(90deg, var(--accent-color), var(--accent-color-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem}.hero p{color:#aaa;margin-bottom:2rem;font-size:1.2rem}.cta-button{background:linear-gradient(90deg, var(--accent-color-2), var(--accent-color));color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:30px;padding:1rem 2.5rem;transition:transform .3s,box-shadow .3s}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d2ff4d}.game-grid-container h2{border-left:4px solid var(--accent-color);margin-bottom:1.5rem;padding-left:1rem;font-size:2rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;display:grid}.game-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);border-radius:15px;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.game-card:hover{border-color:var(--accent-color);transform:translateY(-10px);box-shadow:0 15px 30px #00000080}.game-thumbnail{object-fit:cover;border-bottom:1px solid var(--glass-border);width:100%;height:150px}.game-info{flex-direction:column;flex:1;padding:1.2rem;display:flex}.game-title{margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.game-category{color:var(--accent-color);margin-bottom:1rem;font-size:.9rem}.play-btn{color:var(--text-color);border:1px solid var(--glass-border);cursor:pointer;font-family:var(--font-family);background:0 0;border-radius:8px;margin-top:auto;padding:.5rem 1rem;transition:background .3s,color .3s}.game-card:hover .play-btn{background:var(--accent-color);color:#000;border-color:var(--accent-color)}footer{text-align:center;background:var(--glass-bg);border-top:1px solid var(--glass-border);color:#777;padding:2rem}@media (width<=768px){header{flex-direction:column;gap:1rem}nav a{margin:0 1rem}.hero h1{font-size:2.5rem}}