:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-hover: #2563eb;--font-family: "Outfit", sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.main-header{margin-bottom:4rem}.logo h1{font-size:3rem;font-weight:700;background:linear-gradient(to right,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.game-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.game-card{background-color:var(--card-bg);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:var(--accent-color)}.game-icon{font-size:4rem}.game-info h2{margin:0 0 .5rem;font-size:1.5rem}.game-info p{margin:0;color:var(--text-secondary);font-size:1rem}