*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#222}
header{position:fixed;top:0;width:100%;background:#0b1f35;color:#fff}.wrap{max-width:1100px;margin:auto;padding:18px;display:flex;justify-content:space-between}nav a{color:#fff;margin-left:18px;text-decoration:none}
.hero{height:100vh;background:linear-gradient(135deg,#0b1f35,#184c46);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
section{max-width:1100px;margin:auto;padding:90px 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards div{padding:30px;border:1px solid #ddd;border-radius:10px}
footer{background:#0b1f35;color:#fff;text-align:center;padding:30px}