:root{font-family:Arial,sans-serif;color:#172b3d;background:#f6f8fa}*{box-sizing:border-box}body{margin:0}header{background:#10283e;color:white;padding:20px 6%;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}header strong{font-size:20px}nav a{color:white;margin-left:20px;text-decoration:none;font-size:14px}.hero{background:linear-gradient(120deg,#10283e,#235779);color:white;padding:90px 7%;text-align:center}.hero h1{font-size:clamp(36px,5vw,64px);max-width:850px;margin:0 auto 18px}.hero p{font-size:19px;max-width:700px;margin:0 auto 32px;line-height:1.6}.button{display:inline-block;background:#d5aa5b;color:#172b3d;padding:15px 25px;border-radius:5px;text-decoration:none;font-weight:700}.wrap{max-width:1050px;margin:auto;padding:58px 24px}.wrap h2{font-size:32px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.tile{background:white;padding:27px;border:1px solid #e0e6eb;border-radius:8px;line-height:1.7}.notice{background:#fff8e8;padding:20px;border-left:4px solid #c89c48;line-height:1.7}footer{background:#10283e;color:white;text-align:center;padding:30px}footer a{color:white}p{line-height:1.8}a{color:#1c6489}@media(max-width:600px){nav a{margin-left:0;margin-right:12px}.hero{padding:65px 22px}}