html,body{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#08070a 0%,#0a0812 100%);margin:0;font-size:16px;line-height:1.45}.container{width:95%;max-width:var(--max-width);margin:0 auto;padding:28px 0}.hero{padding:48px 0 64px;position:relative;overflow:visible}.hero-overlay{pointer-events:none;z-index:-1;image-rendering:pixelated;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-inner{align-items:stretch;gap:24px;display:flex}.hero-left{flex-direction:column;flex:1;justify-content:center;gap:18px;display:flex}.hero-title{color:var(--text);margin:0;font-size:36px;line-height:1.02}.hero-sub{color:var(--muted);max-width:56ch;margin:0}.hero-ctas{gap:12px;display:flex}.btn{border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(90deg,var(--brand),#6b2fd4);color:#fff;box-shadow:0 8px 30px #8734db2e}.btn-ghost{color:var(--text);background:#151525;border:1px solid #ffffff0a}.btn-small{background:var(--glass);color:var(--text);border-radius:8px;padding:8px 10px;text-decoration:none}.btn-outline{background:0 0;border:1px solid #ffffff0f}.quick-links{color:var(--muted);margin-top:8px;font-size:14px}.quick-links-list{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.quick-links-list a{color:var(--muted);border-radius:8px;padding:6px 8px;font-weight:600;text-decoration:none}.quick-links-list a:hover{color:var(--text);background:#ffffff1a}.hero-right{width:420px;max-width:40%}.card.featured-card{background:#0f0f12;border:1px solid #ffffff08;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 12px 40px #0009}.featured-badge{background:linear-gradient(90deg,var(--brand),#6b2fd4);color:#fff;padding:8px 12px;font-size:13px;font-weight:700}.featured-image{object-fit:cover;width:100%;height:220px;display:block}.featured-body{padding:14px}.card-actions{gap:10px;margin-top:12px;display:flex}.games-section{padding:32px 0}.section-header h2{margin:0;font-size:24px}.section-header p{color:var(--muted);margin:6px 0 18px}@media screen and (max-width:768px){.hero-inner{text-align:center;flex-direction:column;align-items:center}.hero-right{width:100%;max-width:100%}.hero-left{align-items:center}}