/* Public landing page redesign — desktop/global styles */
:root {
  --brand-teal-dk: #005f73;
  --brand-teal: #0a9396;
  --brand-teal-lt: #94d2bd;
  --brand-accent: #ee9b00;
  --text-dk: #212529;
  --text-md: #4b5563;
  --bg-light: #f6f7f9;
}
/* Keep 'See more/See less' button outlined even on hover/focus/active */
#toggleCourses.btn-outline-secondary,
#toggleCourses.btn-outline-secondary:hover,
#toggleCourses.btn-outline-secondary:focus,
#toggleCourses.btn-outline-secondary:active,
#toggleCourses.btn-outline-secondary:focus-visible {
  color: #6c757d;              /* secondary text */
  background-color: #fff;      /* stay white */
  border-color: #6c757d;       /* gray outline */
  box-shadow: none;            /* optional: remove focus ring */
}


html, body { height: 100%; }
body { background: var(--bg-light); color: var(--text-dk); }
/* Header logo sizing */
.navbar-brand img {
  height: auto;
  max-width: 70vw; /* <= 70% of viewport width on small screens */
}

/* Optionally keep it tidy on larger screens */
@media (min-width: 992px) {
  .navbar-brand img {
    max-width: 240px; /* or whatever looks right on desktop */
  }
}

/* Navbar */
.navbar-brand img { height: 44px; }
.navbar-dark .navbar-nav .nav-link { opacity: .9; }
.navbar-dark .navbar-nav .nav-link:hover { opacity: 1; }

/* Hero */
.hero-new {
  position: relative;
  background: radial-gradient(1000px 400px at 10% -20%, rgba(148,210,189,.35), transparent),
              linear-gradient(135deg, var(--brand-teal-dk), var(--brand-teal));
  color: #fff;
  padding: 96px 0 72px 0;
  overflow: hidden;
}
.hero-new h1 { font-weight: 800; letter-spacing: .2px; }
.hero-new p.lead { font-size: 1.25rem; opacity: .95; }
.hero-cta .btn { padding: .75rem 1.25rem; }
.hero-stats { margin-top: 24px; }
.hero-stats .stat { color: #e7f6f3; }
.hero-stats .stat strong { color: #fff; }

/* Section headings */
.section-title { font-weight: 800; letter-spacing: .2px; }
.section-subtitle { color: var(--text-md); }

/* Features */
.features-grid .card {
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.features-grid .card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.12); }
.features-grid .icon {
  width: 48px; height: 48px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(148,210,189,.25); color: #fff;
}
.features-grid .icon i { color: #fff; }

/* How it works */
.hiw-step {
  border: 1px solid rgba(0,0,0,.06);
  border-left: 4px solid var(--brand-teal);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
  padding: 1rem 1.25rem;
  height: 100%;
}
.hiw-step h5 { margin-bottom: .25rem; }
.hiw-step .num { color: var(--brand-teal); font-weight: 700; }

/* Course cards */
.course-card .price { color: var(--brand-teal-dk); font-weight: 700; }
.course-card .card { border: 1px solid rgba(0,0,0,.06); box-shadow: 0 4px 12px rgba(0,0,0,.06); }
.course-card .card:hover { box-shadow: 0 10px 24px rgba(0,0,0,.12); transform: translateY(-3px); }

/* Pricing */
.pricing .card { border: 1px solid rgba(0,0,0,.06); box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.pricing .card.featured { border-color: var(--brand-teal); box-shadow: 0 10px 28px rgba(10,147,150,.25); }
.pricing .note { color: var(--text-md); }

/* Testimonials */
.testimonial {
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
  border-radius: 12px;
  padding: 1rem 1.25rem;
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
.testimonial .name { font-weight: 700; }
.testimonial .role { color: var(--text-md); }

/* Trust strip */
.trust-strip {
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.trust-strip img { max-height: 40px; opacity: .9; filter: grayscale(30%); }

/* Footer */
.site-footer { background: #0b2a2f; color: #cde7e5; }
.site-footer a { color: #cde7e5; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

/* Utilities */
.badge-accent { background: var(--brand-accent); }

/* Smooth anchor offset for sticky navbar */
.section-anchor { scroll-margin-top: 80px; }