*{box-sizing:border-box}
body{margin:0;background:#EFEDE6}
a{color:#16233D}a:hover{color:#3A5288}
.pg{background:#EFEDE6;color:#16233D;font-family:'IBM Plex Serif',Georgia,serif}
.w{max-width:1120px;margin:0 auto;padding:0 32px}
.mono{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.04em}
.bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:28px 0 16px;border-bottom:1px solid #16233D}
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;padding:56px 0 72px}
.lab{color:#5A6478;margin:0 0 20px}
h1{margin:0 0 28px;font-weight:400;font-size:clamp(40px,5.5vw,64px);line-height:1.1}
h2{margin:0;font-weight:400}
p{font-size:18px;line-height:1.65;margin:0 0 16px}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;background:#16233D;color:#EFEDE6;text-decoration:none;margin-top:12px}
.btn:hover{color:#fff;background:#24365C}
.photo{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.cap{margin-top:10px;color:#5A6478}
.sec{border-top:1px solid #16233D;padding:40px 0 56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.steps{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 24px}
.step{border:1px solid #16233D;padding:10px 14px}
.dark{background:#16233D;color:#E9E4D8}
.dark .sec{border-top-color:#3A4A6A}
.dark .lab{color:#9FAAC0}
.dark h3{color:#F4F1EA}
.dark a{color:#E9E4D8}
h3{margin:0 0 10px;font-weight:400;font-size:24px}
.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}
.fmt{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.fmt div{border-left:1px solid #16233D;padding-left:16px}
.cover{width:200px;aspect-ratio:2/3;background:#16233D;color:#9FAAC0;display:flex;align-items:center;justify-content:center}
.flag{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:44px}
.flag svg{width:28px;height:20px;border:1px solid #c9c6bd}
.foot{padding:32px 0 56px;color:#5A6478}