body,html{
    width: 100%;
    margin: 0;
}

:root{
  --bg:#f7fafc;
  --ink:#0f172a;       /* deep slate */
  --muted:#475569;     /* slate-600 */
  --brand:#2563eb;     /* blue accent */
  --line:#e2e8f0;
  --card:#ffffff;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,"Noto Sans";
  color:var(--ink);
  background:linear-gradient(180deg,#fbfdff,#f4f7fc 60%,#f7fafc 100%);
}

.page{display:flex;min-height:100dvh;flex-direction:column}
.container{width:min(1100px,92%);margin:0 auto;padding:1rem 0}

/* Header */
.header{
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(900px 260px at 50% -10%, #dbeafe, transparent),
    linear-gradient(0deg,#eff6ff,#f7fbff);
}
.header-inner{display:flex;align-items:center;justify-content:center;min-height:140px}
.branding h1{margin:.2rem 0 .3rem;font-size: 50px; color: #150bd2;}
.tagline{margin:0;color: #eb2535;font-style:italic;font-size: 40px; text-align: center;}

/* Sections */
.section{padding:2rem 0}
.section + .section{border-top:1px solid var(--line)}

/* Mission & Vision */
.mv-card{
  display:flex;gap:5rem;flex-wrap:wrap;
  background-color: #00ccfe;border:1px solid var(--line);border-radius:14px;
  padding:1.25rem;box-shadow: none;
}
.mv-card > div{flex:1 1 320px}
.mv-card h2{margin:.2rem 0 .5rem;color: black;}
.mv-card p{margin:0;color: black;line-height:1.7}

/* Ministries */
.section-header{text-align:center;margin-bottom:1.4rem; color: #ef1726;}
.section-header h2{margin:0;font-size:clamp(1.4rem,2.3vw,1.9rem)}
.section-header .line{width:72px;height:4px;background:var(--brand);border-radius:4px;margin:.6rem auto 0}
.section-header .intro{max-width:720px;margin:.8rem auto 0;color: black;}

.cards{
  display:grid;gap:1.2rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.card{
  display:flex;flex-direction:column;
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  overflow:hidden;box-shadow:0 10px 18px #00ccfe;
}
.card-image{height:170px;background:#eef2ff}
.card-image img{display:block;width:100%;height:100%;object-fit:cover}

.card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  /* NEW border styling */
  border: 6px solid #38bdf8;   /* sky blue (SMI color) */
  border-radius: 12px;         /* smooth rounded corners */
  box-sizing: border-box;      /* ensures border doesn’t affect image size */
}
.card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  border: 6px solid #4a84ff;   /* sky blue */
  border-radius: 12px;
  box-sizing: border-box;

  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Hover effect */
.card-image img:hover {
  transform: scale(1.03);   /* gently enlarges image */
  border-color: #0ea5e9;    /* brighter blue on hover */
  box-shadow: 0 0 15px rgba(56, 189, 248, 0.6); /* glowing effect */
}


.card-body{padding:1rem}
.card-body h3{margin:.1rem 0 .4rem;color: #eb2535;}
.card-body p{margin:0;color:var(--muted);line-height:1.6}