:root{--bg: #f6f7fb;--text: #0f172a;--muted: #64748b;--card-1: #ff6b6b;--card-2: #ffd166;--card-3: #06d6a0;--card-4: #4cc9f0;--card-5: #c77dff;--card-6: #f4a261}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#fef3c7 0%,var(--bg) 60%),radial-gradient(800px 400px at -10% 80%,#e0f2fe 0%,var(--bg) 70%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.shell{max-width:1200px;margin:0 auto;padding:48px 24px 64px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.hero-title{font-size:48px;line-height:1.05;letter-spacing:-.02em;background:linear-gradient(90deg,#0f172a,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-badge{margin-top:12px;display:inline-block;padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-radius:999px;font-size:14px;color:var(--muted)}.hero-art{position:relative;height:180px;border-radius:16px;background:conic-gradient(from 180deg at 50% 50%,#4cc9f0,#c77dff,#ffd166,#06d6a0,#ff6b6b,#4cc9f0);filter:saturate(1.2) brightness(.9);overflow:hidden}.hero-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(240px 120px at 20% 20%,rgba(255,255,255,.12),transparent 60%),radial-gradient(200px 100px at 80% 70%,rgba(255,255,255,.08),transparent 60%)}.section-title{margin:40px 0 16px;font-size:20px;color:var(--muted)}.games-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{position:relative;display:grid;grid-template-rows:auto auto 1fr;padding:20px;border-radius:16px;border:1px solid rgba(0,0,0,.1);background:linear-gradient(180deg,#ffffffe6,#ffffffbf)}.card .icon{width:72px;height:72px;margin-bottom:16px}.card .title{font-size:22px;letter-spacing:-.01em}.card .desc{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.6}.variant-1{background:linear-gradient(180deg,#ff6b6b1f,#fffc)}.variant-2{background:linear-gradient(180deg,#ffd1661f,#fffc)}.variant-3{background:linear-gradient(180deg,#06d6a01f,#fffc)}.variant-4{background:linear-gradient(180deg,#4cc9f01f,#fffc)}.variant-5{background:linear-gradient(180deg,#c77dff1f,#fffc)}.variant-6{background:linear-gradient(180deg,#f4a2611f,#fffc)}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.tall{min-height:220px}.large{min-height:260px}.footer{margin-top:40px;color:var(--muted);font-size:13px}@media (max-width: 900px){.hero{grid-template-columns:1fr}.games-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width: 640px){.games-grid{grid-template-columns:repeat(2,1fr)}.span-12,.span-8,.span-6,.span-4{grid-column:span 2}}