body{margin:0;font-family:system-ui,sans-serif;color:#e9eefc;background:#0c1528;line-height:1.65}header,main,footer{max-width:1100px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;gap:20px}a{color:#9bc5ff}h1{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.1;letter-spacing:-.04em}main>p{max-width:700px;color:#bac9e2}.button{display:inline-block;background:#3266e8;color:white;padding:13px 22px;border-radius:10px;text-decoration:none}section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:60px 0}article{border:1px solid #304466;padding:24px;border-radius:16px;background:#14213a}h2{font-size:1.2rem}footer{color:#9caecb;font-size:.85rem}