:root{--bg-dark: #0a0a0f;--bg-card: #13131f;--bg-card-hover: #1c1c2e;--primary: #6d28d9;--primary-glow: rgba(109, 40, 217, .5);--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-orange: #f97316;--accent-green: #10b981;--text-main: #ffffff;--text-muted: #94a3b8;--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.text-gradient{background:linear-gradient(to right,var(--accent-cyan),var(--primary),var(--accent-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent-pink));color:#fff;padding:.8rem 2rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px var(--primary-glow);font-size:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.card{background:var(--bg-card);border-radius:16px;box-shadow:0 10px 30px #0000004d;transition:all .3s ease}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.button-group{display:flex;gap:1rem;justify-content:center}.home-title{font-size:3rem;margin-bottom:1rem;font-weight:800}.home-subtitle{color:var(--text-muted);font-size:1.2rem;max-width:600px;margin:0 auto}@media screen and (max-width:768px){.container{padding:1rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.home-title{font-size:2.2rem}.home-subtitle{font-size:1rem;padding:0 1rem}.btn-primary{padding:.8rem 1.5rem;width:100%;margin-bottom:.5rem}.button-group{flex-direction:column;width:100%}.card{padding:2rem 1rem!important}}@media screen and (min-width:769px)and (max-width:1024px){.container{padding:1.5rem}.home-title{font-size:2.5rem}.game-grid{gap:1.5rem}}