:root{--navy:#18213e;--navy2:#22305c;--blue:#2856be;--gold:#ffc93c;--ink:#1e1b3a;--soft:#c9d3f2}
*{box-sizing:border-box}
body{margin:0;background:var(--navy);color:#fff;font:16px/1.65 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--gold)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:22px "Paytone One",sans-serif}
.brand img{width:40px;height:40px;border-radius:10px}
nav{display:flex;gap:16px;flex-wrap:wrap;font-weight:600;font-size:15px}
nav a{color:var(--soft);text-decoration:none}
nav a:hover{color:#fff}
.hero{text-align:center;padding:40px 0 24px;background:radial-gradient(ellipse at top,#3a5fc8 0,transparent 60%)}
.hero img.icon{width:128px;height:128px;border-radius:28px;box-shadow:0 12px 40px rgba(0,0,0,.45)}
h1{font:clamp(44px,9vw,84px)/1 "Paytone One",sans-serif;color:var(--gold);margin:18px 0 6px;
   text-shadow:0 5px 0 #0e1430}
.sub{font-size:20px;font-weight:700;color:#fff;margin:0}
.promo{max-width:640px;margin:14px auto 22px;color:var(--soft)}
.btn{display:inline-block;background:#2ecc71;color:#fff;font-weight:700;text-decoration:none;padding:14px 26px;
     border-radius:16px;box-shadow:0 6px 0 #1f9150}
.shots{display:flex;gap:16px;justify-content:center;overflow-x:auto;padding:28px 0}
.shots img{width:min(30%,280px);min-width:180px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.text{max-width:760px;margin:0 auto;padding:10px 0 40px}
.text h2,.text h3{font:24px "Paytone One",sans-serif;color:var(--gold);margin:28px 0 6px}
.text p,.text li{color:#e8ecfa}
.card{background:var(--navy2);border-radius:20px;padding:28px 30px;margin:24px auto;max-width:820px}
.card h1{font-size:40px;text-shadow:none}
.card h2{font:22px "Paytone One",sans-serif;color:var(--gold);margin:26px 0 6px}
.langs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:6px 0 28px}
.langs a{color:var(--soft);text-decoration:none;font-size:14px;border:1px solid #3a4a80;border-radius:999px;padding:3px 12px}
.langs a.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
footer{border-top:1px solid #2b3a6c;color:var(--soft);font-size:14px;padding:22px 0 40px;text-align:center}
p,li,h1,h2,h3,footer{overflow-wrap:anywhere}
img{max-width:100%}
@media (max-width:600px){nav{gap:10px;font-size:14px}.brand span{display:none}.card{padding:20px 16px;margin:12px 0}
.card h1{font-size:30px}.shots img{min-width:150px}}