/* Custom modern styles for Trustful Charity */
:root{
  --primary:#d6332a;
  --muted:#6c757d;
  --bg:#f8fafb;
  --card:#ffffff;
}
body{font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg); color:#1f2937;}
.modern-hero{padding:6rem 0; background:linear-gradient(180deg, rgba(214,51,42,0.06), transparent 40%);} 
.modern-hero .hero-title{font-size:2.5rem; font-weight:700; margin-top:.5rem; color:#0b1220}
.modern-hero .hero-sub{color:var(--muted); margin-top:1rem; font-size:1.05rem}
.modern-hero .eyebrow{display:inline-block; background:rgba(214,51,42,0.08); color:var(--primary); padding:.25rem .6rem; border-radius:999px; font-weight:600}
.hero-ctas .btn{border-radius:12px; padding:0.8rem 1.2rem; font-weight:600}
.hero-image{height:320px; background-size:cover; background-position:center; border-radius:0px; box-shadow:0 12px 30px rgba(16,24,40,0.08);}
.quick-stats .stat{min-width:90px}
.quick-stats .num{font-weight:700; font-size:1.25rem}

.gallery-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px}
.gallery-grid img{width:100%; height:160px; object-fit:cover; border-radius:8px; box-shadow:0 8px 20px rgba(16,24,40,0.06); transition:transform .28s ease, box-shadow .28s ease}
.gallery-grid img:hover{transform:translateY(-6px); box-shadow:0 20px 40px rgba(16,24,40,0.12)}

.service-card{border-radius:12px; overflow:hidden}
.service-card .card-body{padding:1.6rem}
.service-card .service-icon i{font-size:1.6rem; color:var(--primary);}

footer{background:#0b1220; color:#dbeafe; padding:3rem 0}
footer a{color:inherit}

@media(max-width:768px){.modern-hero .hero-title{font-size:1.8rem}.hero-image{height:220px}}