body { margin:0; font-family:'Segoe UI',sans-serif; color:#333; background:#fff; }
a { text-decoration:none; }

/* Watermark */
.watermark{
  position: fixed; inset: 0;
  background: url('assets/logo-watermark.png') center center no-repeat;
  background-size: 320px;
  opacity: .05; z-index: -1; pointer-events: none;
}

/* ---- Navbar styles purposely omitted (global controls them) ---- */

/* Hero */
.hero { position:relative; text-align:center; }
.hero img { width:100%; height:300px; object-fit:cover; filter:brightness(70%); display:block; }
.hero-text { position:absolute; inset:0; display:grid; place-content:center; color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.6); }

/* Section Cards */
.section-card {
  display:flex; align-items:center; justify-content:space-between;
  padding:2rem; gap:2rem; flex-wrap:wrap;
  opacity:0; transform: translateY(40px); transition: transform .7s ease-out, opacity .7s ease-out;
}
.section-card.visible { opacity:1; transform: translateY(0); }
.section-card.reverse { flex-direction: row-reverse; }
.section-card img { width:min(520px,40%); border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.18); }
.section-card .content { width: min(760px, 55%); }
.section-card h2 { color:#004aad; margin: 0 0 .5rem; }
.section-card p { margin-bottom:1rem; }
.btn-primary, .btn-secondary { display:inline-block; padding:.6rem 1.1rem; border-radius:6px; transition:.25s; }
.btn-primary { background:#004aad; color:#fff; }
.btn-primary:hover { background:#002f6c; }
.btn-secondary { background:#e8f0ff; color:#004aad; border:1px solid #004aad; }
.btn-secondary:hover { background:#004aad; color:#fff; }
.future-note { font-size:.9rem; color:#777; font-style:italic; }

/* Jobs */
.job-listings{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.2rem; padding:2rem;
}
.job-card{
  border:1px solid #e5e7eb; padding:1.2rem; border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,.08); background:#fff;
  transition: transform .3s ease, box-shadow .3s ease;
  opacity:0; transform: translateY(40px);
}
.job-card.visible{ opacity:1; transform: translateY(0); }
.job-card:hover{ transform: translateY(-6px); box-shadow:0 10px 20px rgba(0,0,0,.12); }
.job-card h3{ color:#004aad; margin:.2rem 0 .6rem; }

/* Stats */
.stats{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1.2rem; text-align:center; padding:2rem; background:#eef5ff;
}
.stat-card{
  background:#fff; padding:1.2rem; border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  opacity:0; transform: translateY(40px); transition: transform .7s ease-out, opacity .7s ease-out;
}
.stat-card.visible{ opacity:1; transform: translateY(0); }
.stat-card h3{ font-size:2rem; color:#004aad; margin:.3rem 0 .5rem; }

/* FAQ */
.faq{ padding:2rem; max-width:1000px; margin:0 auto; }
.faq h2{ color:#004aad; margin-bottom:.8rem; text-align:center; }
.faq details{
  background:#fff; border:1px solid #e5e7eb; margin:.6rem 0; padding: .8rem 1rem; border-radius:8px;
}
.faq summary{ font-weight:600; cursor:pointer; }

/* Footer (global base colors), minor spacing */
.footer{ background:#004aad; color:#fff; padding:2rem 1rem; text-align:center; font-size:.9rem; }
.footer-cols{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1.2rem; padding-bottom:1rem; }
.footer-cols h4{ margin-bottom:.4rem; }
.footer-cols ul{ list-style:none; padding:0; }
.footer-cols li a{ color:#d6e0ff; }
.social-icons a img{ width:24px; margin-right:8px; filter: brightness(0) invert(1); }

/* Small screens */
@media (max-width: 720px){
  .section-card img{ width:100%; }
  .section-card .content{ width:100%; }
}