*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:#1a2d3d;font:17px/1.7 system-ui,sans-serif}main{max-width:820px;margin:auto;padding:42px 24px}header{display:flex;gap:18px;align-items:center}header img{width:72px;height:72px;border-radius:20px}h1{font-size:clamp(28px,5vw,42px);line-height:1.2}h2{font-size:22px;margin-top:32px}nav{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #dce5ed}a{color:#315be8;text-underline-offset:4px}article{background:#fff;border-radius:24px;padding:28px;margin:24px 0}footer{padding:20px 0;color:#596b7b}.lead{font-size:21px}.button{display:inline-block;padding:12px 20px;border-radius:14px;background:#315be8;color:white;text-decoration:none}.note{background:#e7f0f7;padding:18px;border-radius:16px}@media(max-width:500px){main{padding:26px 16px}article{padding:20px}}