:root{color-scheme:dark;font:16px/1.5 "Segoe UI",Arial,sans-serif;background:#111215;color:#fafafa}body{margin:0}main{max-width:1060px;margin:auto;padding:32px clamp(18px,5vw,64px)}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #38393c;padding-bottom:24px;gap:16px}header img{width:145px}header span,small{color:#c0bdbe}h1{font-size:clamp(36px,6vw,68px);line-height:1.05;margin:48px 0 28px}section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:16px}article{background:#202124;border-radius:12px;padding:24px}h2{margin:5px 0;line-height:1.15}a{color:#fff;background:#a8242e;display:inline-block;padding:9px 14px;border-radius:5px;text-decoration:none}a:focus-visible{outline:3px solid white}