*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#68dce8;color:#10173f}img{max-width:100%;display:block}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw}.nav-logo{width:120px}.small-btn{background:#ffd21f;color:#10173f;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:900}.hero{position:relative;min-height:100vh;background:url('assets/hero.jpg') center/cover no-repeat;display:grid;place-items:center;text-align:center;color:#fff;padding:120px 20px 70px}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,40,.88),rgba(8,12,40,.25),rgba(8,12,40,.75))}.hero-inner{position:relative;max-width:900px}.logo{width:min(560px,92vw);margin:0 auto 10px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5))}.tag{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#ffd21f}.hero h1{font-size:clamp(2.5rem,8vw,6rem);line-height:.95;margin:10px 0}.lead{font-size:clamp(1.1rem,2.6vw,1.55rem);line-height:1.5}.buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}.steam-btn,.ghost-btn{display:inline-flex;align-items:center;gap:12px;border-radius:18px;padding:16px 22px;font-weight:900;text-decoration:none}.steam-btn{background:#171a21;color:#fff}.steam-btn img{width:28px}.ghost-btn{background:#ffd21f;color:#10173f}.cards{width:min(1100px,92vw);margin:70px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:rgba(255,255,255,.85);border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(10,16,50,.15)}.feature{width:min(1180px,92vw);margin:70px auto;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:#10173f;color:#fff;padding:24px;border-radius:32px;box-shadow:0 24px 70px rgba(10,16,50,.3)}.feature img{border-radius:22px}.feature h2{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:0}.feature p{font-size:1.1rem;line-height:1.7}.gallery{width:min(1180px,92vw);margin:70px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 18px 45px rgba(10,16,50,.18)}footer{background:#10173f;color:#fff;text-align:center;padding:50px 20px}footer img{width:54px;margin:0 auto 14px}@media(max-width:800px){.cards,.feature,.gallery{grid-template-columns:1fr}.nav-logo{width:92px}.small-btn{font-size:.85rem;padding:10px 14px}}
