body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f9f9f9; color:#333; }
header { background:#0b3d91; color:#fff; padding:20px; text-align:center; position:relative; }
header h1 { margin:0; font-size:28px; }
header p { margin:5px 0 0; font-size:16px; }
header .phone { position:absolute; right:20px; top:20px; font-weight:bold; }
nav { background:#072b66; text-align:center; padding:10px; }
nav a { color:#fff; text-decoration:none; margin:0 15px; font-weight:bold; }
nav a:hover { text-decoration:underline; }
.container { width:90%; margin:auto; padding:30px 0; line-height:1.6; }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:20px; }
.card { background:#fff; padding:20px; border-radius:12px; text-align:center; box-shadow:0 4px 8px rgba(0,0,0,0.1); }
.card h3 { margin-bottom:10px; }
.card button { background:#0b3d91; color:#fff; border:none; padding:10px 20px; border-radius:6px; cursor:pointer; }
.card button:hover { background:#072b66; }
.hero img { max-width:100%; height:auto; border-radius:12px; margin-top:20px; }
footer { background:#222; color:#bbb; text-align:center; padding:20px; font-size:14px; margin-top:50px; }
footer a { color:#bbb; text-decoration:none; margin:0 10px; }
footer a:hover { text-decoration:underline; }