*{box-sizing:border-box}body{margin:0;background:#0e141c;color:#f4efe7;font:18px/1.7 system-ui,sans-serif}a{color:#e6c07b}header,main,footer{max-width:1050px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #29343e}header>a{font-weight:800;font-size:24px;text-decoration:none}select{background:#1b2530;color:#fff;border:1px solid #596774;border-radius:10px;font-size:16px;padding:12px;max-width:48%}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;padding:64px 0}.hero img{width:100%;max-height:400px;object-fit:contain;image-rendering:pixelated}h1{font-size:clamp(32px,5vw,58px);line-height:1.15;margin:0 0 24px}p{color:#b9c4cf}.badge{display:inline-block;padding:14px 24px;background:#e6c07b;color:#121a21;border-radius:12px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#1b2530;border:1px solid #34424e;border-radius:18px;padding:24px;text-align:center}.card img{width:100%;height:160px;object-fit:contain;image-rendering:pixelated}article{max-width:800px;margin:36px auto}article h1{font-size:36px}article h2{font-size:23px;color:#e6c07b;margin:32px 0 8px}article p{margin-top:0}footer{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #29343e;font-size:16px}@media(max-width:650px){header,main,footer{padding:20px}.hero{grid-template-columns:1fr;padding:36px 0;gap:12px}.hero img{height:220px;grid-row:1}.cards{grid-template-columns:1fr}.card{display:flex;align-items:center;text-align:left;gap:20px}.card img{width:100px;height:100px}footer{gap:16px}}