body{font-family:Arial,sans-serif;margin:0;background:#f4f8fc;color:#123;}header{background:#0b4f8a;color:#fff;padding:20px;text-align:center;}nav a{color:#fff;margin:0 12px;text-decoration:none;font-weight:bold;} .hero{padding:50px 20px;text-align:center;background:#d9e9f8;} .grid,.content{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:30px;} .card{background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.08);} .card img{width:100%;height:180px;object-fit:cover;border-radius:10px;} footer{text-align:center;padding:20px;background:#0b4f8a;color:#fff;margin-top:20px;}