*{box-sizing:border-box}body{margin:0;background:#0d141b;color:#eaf0f5;font:17px/1.75 system-ui,-apple-system,sans-serif}
header,footer{background:#111e29;border-bottom:1px solid #b59b63;padding:18px 5%}
header a{color:#eacb89;margin-right:20px;text-decoration:none}footer{border-top:1px solid #b59b63;border-bottom:0}
main{max-width:940px;padding:45px 24px;margin:auto}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.2}
h1,h2{color:#f6dda0}h2{margin-top:38px}a{color:#f1cd88}p,li{max-width:77ch}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}
article{border:1px solid #554c3b;border-radius:16px;padding:24px;background:#172430}
.label{color:#e0bf7b;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}
.note{border-left:3px solid #c49e54;padding:13px 19px;background:#16212c}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}