*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#222}
header{background:#071d35;color:#fff;padding:22px 7%;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:24px;font-weight:bold}
nav a{color:white;text-decoration:none;margin:10px}
.hero{height:500px;background:#d9e8f5;display:flex;align-items:center;padding:8%}
.hero h1{font-size:50px}
.btn,button{background:#b78b2e;color:white;padding:14px 25px;border:0}
.cards{display:flex;gap:25px;padding:40px}
.cards img{width:32%;border-radius:12px}
main,.title{padding:50px 8%}
input,textarea{display:block;width:80%;padding:12px;margin:12px}
footer{background:#071d35;color:white;text-align:center;padding:35px}