*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#222;background:#f7f8fa}header{background:#102a43;color:white;padding:20px 6%}.brand{font-size:26px;font-weight:bold;margin-bottom:15px}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:white;text-decoration:none}main{min-height:75vh}.hero{padding:90px 8%;background:linear-gradient(135deg,#102a43,#167d9a);color:white}.hero h1{font-size:48px;margin:0 0 15px}.content{padding:60px 8%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px}.card{background:white;padding:28px;border-radius:12px;box-shadow:0 5px 20px #0001}footer{text-align:center;padding:25px;background:#102a43;color:white}@media(max-width:600px){.hero h1{font-size:34px}}