*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f8fc;color:#172033}header{height:65px;background:white;display:flex;justify-content:space-between;align-items:center;padding:0 7%;box-shadow:0 2px 12px #0001}header b{font-size:22px}header a{background:#1769e0;color:white;padding:10px 16px;border-radius:9px;text-decoration:none}.hero{padding:80px 7%;background:linear-gradient(135deg,#eaf3ff,#fff)}.hero span{background:#dfecff;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:bold}.hero h1{font-size:44px;line-height:1.15;margin:20px 0}.hero p{max-width:600px;color:#5e6878;font-size:18px;line-height:1.6}.button{display:inline-block;background:#1769e0;color:#fff;text-decoration:none;padding:13px 20px;border-radius:10px;font-weight:bold}section:not(.hero){padding:55px 7%}h2{text-align:center;font-size:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid article{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 20px #0000000c}.grid p{color:#687386;line-height:1.6}.notice{margin:0 7% 30px;padding:22px;background:#fff7df;border:1px solid #f0dfad;border-radius:12px;line-height:1.7}.contact{text-align:center}footer{text-align:center;background:#172033;color:white;padding:25px}@media(max-width:700px){.hero h1{font-size:36px}.grid{grid-template-columns:1fr}}