body{font-family:Arial,sans-serif;margin:0;background:#eef3f6;color:#233}header{background:#123d5a;color:#fff;padding:3rem;text-align:center}.hero{text-align:center;padding:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:2rem}.card{background:#fff;padding:2rem;text-align:center;text-decoration:none;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#123d5a;font-weight:bold}footer{text-align:center;padding:2rem}