body { font-family: Arial, sans-serif; margin:0; background:#f5f8fa; color:#1e2a35; }
.site-header { text-align:center; padding:30px; }
.logo { width:260px; }
.tagline { font-size:26px; color:#1f4c75; margin-top:10px; }
.support-banner { background:#1f4c75; color:white; padding:20px; }
.support-banner__inner { max-width:1100px; margin:auto; display:flex; justify-content:space-between; align-items:center; }
.btn-primary { background:#4fc3ea; color:#083044; padding:12px 20px; text-decoration:none; font-weight:bold; border-radius:6px; }
.services { max-width:1100px; margin:20px auto; padding:10px; }
.section-title { text-align:center; font-size:24px; color:#1f4c75; }
.service-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:15px; }
.service-card { background:white; padding:20px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center; font-weight:bold; }
.contact-section { display:flex; background:#1f4c75; color:white; margin-top:20px; }
.contact-image img { width:100%; height:100%; object-fit:cover; }
.contact-box { padding:25px; max-width:500px; }
.contact-box h3 { font-size:26px; margin-top:0; }
@media(max-width:800px){ .contact-section { flex-direction:column; } }