:root{
  /* BRAND PALETTE (derived from logo) */
  --brand-indigo:#0d1b4c;   /* deep navy from inner circle */
  --brand-indigo-600:#1c2d6b;/* slightly lighter */
  --brand-saffron:#f4a300;  /* saffron/golden gear */
  --brand-saffron-600:#ffb300; /* lighter saffron for gradients */
  --brand-beige:#f5e9d5;    /* muted beige */
  --brand-sand:#fff8eb;     /* warm background */
  --brand-ink:#0f172a;      /* text */
  --brand-soft:#3b455a;     /* soft body */
  --border:#e7e9f2;         /* soft borders */
  --card-bg:#ffffff;        /* light cards */
  --shadow:0 10px 30px rgba(13,27,76,.12);
}

html{scroll-behavior:smooth}
body{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--brand-soft);
  background: radial-gradient(1000px 600px at 50% -10%, #ffffff 0%, var(--brand-sand) 100%);
  min-height:100vh;
}

/* Navbar – light */
.navbar{background:rgba(255,255,255,.8); backdrop-filter:saturate(120%) blur(6px); border-bottom:1px solid var(--border); box-shadow:0 2px 10px rgba(13,27,76,.06)}
.navbar.scrolled{background:#ffffff}
.navbar .nav-link{color:var(--brand-indigo); font-weight:600}
.navbar .nav-link:hover{color:var(--brand-saffron)}

/* Navbar toggler for light mode */
.navbar .navbar-toggler{border-color: rgba(13,27,76,.4)}
.navbar .navbar-toggler-icon{background-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba(13,27,76, 0.85)%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e');}

/* Hero */
.hero{position:relative; min-height:86vh; display:flex; align-items:center; text-align:center;}
.hero::after{content:""; position:absolute; inset:0; background: radial-gradient(ellipse at 50% 30%, rgba(244,163,0,.10), transparent 60%)}
.hero-title{font-weight:800; color:var(--brand-indigo); text-shadow:none; font-size:clamp(2.2rem, 4vw + 1rem, 4rem)}
.hero-sub{font-size:clamp(1rem, 1vw + .6rem, 1.25rem); color:var(--brand-soft)}
.badge-soft{background:rgba(244,163,0,.14); color:#845904; border:1px solid rgba(244,163,0,.35)}

/* Buttons */
.btn-saffron{background: linear-gradient(135deg, var(--brand-saffron), var(--brand-saffron-600)); color:#231600; border:none; font-weight:700; padding:.85rem 1.4rem; border-radius:12px; box-shadow:0 8px 18px rgba(244,163,0,.28)}
.btn-saffron:hover{ transform: translateY(-2px); color:#1a0f00; box-shadow:0 14px 28px rgba(244,163,0,.38)}

.btn-secondary-gold{background:var(--brand-beige); color:#3f2a00; border:1px solid rgba(0,0,0,.05); font-weight:700; padding:.85rem 1.4rem; border-radius:12px}
.btn-secondary-gold:hover{background:#f0e3c9; color:#2c230e; transform: translateY(-2px)}

.btn-outline-light{color:var(--brand-indigo); border-color:var(--brand-indigo-600)}
.btn-outline-light:hover{background:rgba(13,27,76,.06)}

/* Sections */
.section{padding:72px 0}
.section-title{color:var(--brand-indigo); font-weight:800}
.section-lead{color:var(--brand-soft)}

.card-premium{background:var(--card-bg); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow)}
.card-premium .card-title{color:var(--brand-indigo)}
.icon-circle{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(13,27,76,.06); border:1px solid var(--border); color:var(--brand-indigo)}

/* Mentors */
/*
.mentor-img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #fff; box-shadow:0 6px 14px rgba(13,27,76,.15)}
*/

/* ========== Meet Our Mentors — base styles ========== */
.mentor-card {
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 4px 14px rgba(0,0,0,0.06);
  border-radius: 16px;
  transition: transform .25s ease, box-shadow .25s ease;
  background: #fff;
}
.mentor-card .card-body {
  padding: 1.25rem 1rem 1.5rem;
}

.mentor-photo-wrapper {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 4px solid #ffffff;             /* white ring */
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  background: #f8f9fa;                   /* subtle bg while image loads */
  transition: transform .25s ease, box-shadow .25s ease;
}
.mentor-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;                      /* center-crop */
  object-position: center;
  display: block;
  transform: scale(1);
  transition: transform .35s ease;
}

#mentors h2 { letter-spacing: .2px; }
#mentors .card-body p { line-height: 1.4; }

/* ========== Hover/Focus effects ========== */
.mentor-card:hover,
.mentor-card:focus-within {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* Photo scale + glow ring */
.mentor-card:hover .mentor-photo,
.mentor-card:focus-within .mentor-photo {
  transform: scale(1.04);
}
.mentor-photo-wrapper::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: radial-gradient(
    60% 60% at 50% 50%,
    rgba(13,110,253,0.25),
    rgba(13,110,253,0.00) 70%
  );
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
.mentor-card:hover .mentor-photo-wrapper::after,
.mentor-card:focus-within .mentor-photo-wrapper::after {
  opacity: 1;
}

/* Social icons reveal */
.mentor-socials {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
}
.mentor-card:hover .mentor-socials,
.mentor-card:focus-within .mentor-socials {
  opacity: 1;
  transform: translateY(0);
}

.social-icon {
  width: 36px;
  height: 36px;
  padding: 0;
  border-width: 1px;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.social-icon:hover,
.social-icon:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(13,110,253,0.25);
}

/* Keyboard focus ring for accessibility */
.mentor-card:focus-within {
  outline: 2px solid rgba(13,110,253,0.35);
  outline-offset: 2px;
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .mentor-card,
  .mentor-photo-wrapper,
  .mentor-photo,
  .mentor-socials,
  .social-icon {
    transition: none !important;
  }
}


/* Footer */
.footer{background:#ffffff; border-top:1px solid var(--border)}
.footer a{color:var(--brand-soft)}
.footer a:hover{color:var(--brand-saffron)}

/* Animations */
.fade-up{opacity:0; transform: translateY(18px); transition:all .6s ease}
.fade-up.in{opacity:1; transform:none}

/* Forms */
.form-control, .form-select{background:#ffffff; border:1px solid var(--border); color:var(--brand-ink)}
.form-control:focus, .form-select:focus{border-color:#ffd15e; box-shadow:0 0 0 .25rem rgba(255,193,7,.25)}
.invalid-feedback{display:block}

/* Responsive tweaks */
@media (max-width: 991.98px){
  .section{padding:56px 0}
}
@media (max-width: 575.98px){
  .section{padding:44px 0}
}