*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,sans-serif;background:linear-gradient(-45deg,#a71eb9,#d41111,#2175ad,#24a74b);background-size:400% 400%;animation:gradientFlow 20s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}h1,h2,h3,h4{color:#fff}p,li{color:#fff;line-height:1.6}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0a0a0a;color:#fff}nav{flex-shrink:0}.navbar .logo{font-size:1.5rem;font-weight:700}.nav-links{list-style:none;display:flex;gap:1rem}.nav-links a{color:#fff;text-decoration:none}.nav-links .btn{background:#0a0a0a;padding:.5rem 1rem;border-radius:5px}.hero{text-align:center;padding:4rem 2rem;color:#fff}.hero .btn-primary,.hero .btn-secondary{display:inline-block;margin-top:1rem;background:#0a0a0a;padding:.7rem 1.5rem;border-radius:5px;text-decoration:none;color:#fff}#root{flex:1;display:flex;flex-direction:column}main{flex:1;padding:1rem}footer{flex-shrink:0;margin-top:auto;text-align:center;padding:1rem;background:#0a0a0a;color:#fff;margin-top:2rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.game-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;overflow:hidden;text-align:center;transition:transform .2s ease}.game-card:hover{transform:scale(1.05)}.game-image{height:160px;display:flex;align-items:center;justify-content:center;background:#f3f3f3}.game-image img{max-width:100%;max-height:100%;object-fit:contain}.game-title{padding:12px;font-weight:700}