:root{--bg:#0d1b3a;--bg2:#13285a;--ink:#f4f7ff;--mute:#aebbdd;--acc:#ffc93c;--card:#172f66}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--acc)}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:20px}
.brand img{border-radius:10px}
nav a{margin-left:16px;color:var(--mute);text-decoration:none;font-size:15px}nav a:hover{color:var(--ink)}
.hero{display:grid;gap:28px;grid-template-columns:1.1fr .9fr;align-items:center;padding:28px 0 48px}
h1{font-size:clamp(30px,5vw,46px);line-height:1.12;margin:0 0 14px}h1 em{color:var(--acc);font-style:normal}
h2{font-size:26px;margin:0 0 12px}h3{margin:0 0 6px;font-size:18px}
.lead{color:var(--mute);font-size:19px}
.hero img.cover{width:100%;height:auto;border-radius:18px;box-shadow:0 12px 40px #0008}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.badge{background:var(--card);border:1px solid #2c4690;border-radius:12px;padding:10px 16px;color:var(--ink);font-weight:600}
.badge small{display:block;color:var(--mute);font-weight:400;font-size:12px}
section{padding:36px 0;border-top:1px solid #1f3573}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border-radius:16px;padding:18px}.card p{margin:0;color:var(--mute);font-size:16px}
table{border-collapse:collapse;margin:14px 0;width:100%;max-width:520px}
td,th{border:1px solid #2c4690;padding:8px 12px;text-align:center}th{background:var(--bg2)}
.shots{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.shots img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 24px #0007}
footer{padding:30px 0 50px;color:var(--mute);font-size:14px;border-top:1px solid #1f3573}
footer a{color:var(--mute)}
@media(max-width:700px){.hero{grid-template-columns:1fr}nav a{margin-left:10px}}