body{font-family:Arial;margin:0;background:#f5f7fb;color:#222}
header{background:#123c8c;color:white;padding:20px 8%;display:flex;justify-content:space-between}
nav a,a{color:white;text-decoration:none;margin:10px}
.hero{padding:60px 8%;display:flex;align-items:center;gap:40px}
.hero img{width:55%;border-radius:15px}
span{color:#1769ff}
section{padding:50px 8%}h2{text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card,.contact{background:white;padding:20px;border-radius:10px;box-shadow:0 5px 20px #ddd}
input,textarea{width:100%;padding:12px;margin:8px 0}
button,.btn{background:#1769ff;color:white;padding:12px 25px;border:0}
footer{background:#123c8c;color:white;text-align:center;padding:20px}