/*
 * Canonical Light Mode skin.
 *
 * Every selector in this file is scoped to the existing data-theme switch so
 * the completed Dark Mode remains entirely owned by styles.css and the page
 * component stylesheets.
 */

[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f5fb;
  --bg-deep: #e9edf6;
  --surface: #f8faff;
  --surface-soft: #f5f7fc;
  --surface-hover: #ffffff;
  --text: #101c3d;
  --text-soft: #25345c;
  --text-muted: #77829b;
  --cyan: #3766df;
  --blue: #3766df;
  --blue-deep: #315aca;
  --violet: #5677e8;
  --violet-deep: #4d5fd0;
  --line: rgba(91, 108, 150, 0.1);
  --line-strong: rgba(76, 99, 158, 0.18);
  --gradient: linear-gradient(135deg, #3c68df, #526fe8 52%, #675be7);

  --light-bg: #f3f5fb;
  --light-canvas: #f3f5fb;
  --light-surface: #f8faff;
  --light-surface-hover: #ffffff;
  --light-surface-muted: #f1f4fa;
  --light-text: #101c3d;
  --light-text-secondary: #25345c;
  --light-muted: #77829b;
  --light-heading: #183678;
  --light-primary: #3766df;
  --light-primary-soft: #5677e8;
  --light-border: rgba(255, 255, 255, 0.95);
  --light-border-muted: #e2e7f2;
  --light-border-strong: rgba(75, 99, 160, 0.2);
  --light-divider: rgba(91, 108, 150, 0.1);
  --light-danger: #e64a70;
  --light-accent: #3766df;
  --light-accent-soft: rgba(55, 102, 223, 0.08);
  --light-icon-bg: linear-gradient(145deg, #fbfcff, #edf1fa);

  --light-shadow-1:
    -1px -1px 2px rgba(255, 255, 255, 0.98),
    2px 3px 6px rgba(61, 79, 125, 0.055),
    4px 7px 13px rgba(61, 79, 125, 0.065);
  --light-shadow:
    -1px -1px 2px rgba(255, 255, 255, 0.98),
    2px 3px 6px rgba(61, 79, 125, 0.06),
    5px 8px 15px rgba(61, 79, 125, 0.075),
    10px 16px 28px rgba(61, 79, 125, 0.05);
  --light-shadow-hover:
    -1px -1px 3px rgba(255, 255, 255, 1),
    3px 5px 9px rgba(61, 79, 125, 0.08),
    7px 12px 20px rgba(61, 79, 125, 0.09),
    12px 20px 35px rgba(61, 79, 125, 0.06);
  --light-shadow-raised:
    -2px -2px 4px rgba(255, 255, 255, 1),
    4px 7px 14px rgba(61, 79, 125, 0.075),
    10px 18px 32px rgba(61, 79, 125, 0.09),
    18px 30px 52px rgba(61, 79, 125, 0.055);
  --light-shadow-inset:
    inset 1px 1px 0 rgba(255, 255, 255, 0.98),
    inset -1px -1px 0 rgba(116, 134, 177, 0.055);
  --light-primary-shadow:
    0 4px 8px rgba(48, 68, 160, 0.14),
    0 10px 22px rgba(55, 76, 180, 0.17),
    0 18px 32px rgba(55, 76, 180, 0.08),
    inset 0 1px 1px rgba(255, 255, 255, 0.28);

  /* Canonical QSI theme contract used by shared and page-specific skins. */
  --qsi-bg: #f6f8fc;
  --qsi-surface: rgba(255, 255, 255, 0.76);
  --qsi-surface-solid: #ffffff;
  --qsi-text: #10182f;
  --qsi-text-secondary: #53627f;
  --qsi-border: rgba(80, 110, 180, 0.12);
  --qsi-border-strong: rgba(80, 110, 180, 0.2);
  --qsi-primary: #4169e1;
  --qsi-primary-2: #7c3aed;
  --qsi-accent-gradient: linear-gradient(90deg, #4169e1 0%, #7c3aed 100%);
  --qsi-shadow-soft: 0 14px 40px rgba(35, 55, 100, 0.1);
  --qsi-shadow-card: 0 10px 30px rgba(35, 55, 100, 0.08);
  --qsi-glow: 0 0 35px rgba(65, 105, 225, 0.14);
  --qsi-nav-surface: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 243, 251, 0.96));
  --qsi-nav-item: #2953b8;
  --qsi-nav-item-hover: #1749c8;
  --qsi-nav-hover-surface: linear-gradient(145deg, #ffffff, #eaf0fb);
  --qsi-nav-hover-shadow:
    -2px -2px 5px rgba(255, 255, 255, 1),
    3px 5px 10px rgba(61, 79, 125, 0.1),
    8px 12px 22px rgba(61, 79, 125, 0.1);
  --qsi-radius-lg: 24px;
  --qsi-radius-md: 18px;
  --qsi-radius-sm: 12px;
  --qsi-media-mask-left:
    linear-gradient(
      90deg,
      rgba(246, 248, 252, 1) 0%,
      rgba(246, 248, 252, 0.96) 13%,
      rgba(246, 248, 252, 0.68) 29%,
      rgba(246, 248, 252, 0.2) 47%,
      rgba(246, 248, 252, 0) 64%
    );
  --qsi-media-mask-left-compact:
    linear-gradient(
      90deg,
      rgba(246, 248, 252, 0.98) 0%,
      rgba(246, 248, 252, 0.86) 24%,
      rgba(246, 248, 252, 0.28) 48%,
      rgba(246, 248, 252, 0) 66%
    );
}

/* Dark values are aliases only; existing Dark Mode selectors remain authoritative. */
[data-theme="dark"] {
  --qsi-bg: #071226;
  --qsi-surface: rgba(15, 25, 50, 0.68);
  --qsi-surface-solid: #0c1830;
  --qsi-text: #ffffff;
  --qsi-text-secondary: #b9c5df;
  --qsi-border: rgba(100, 150, 255, 0.18);
  --qsi-border-strong: rgba(100, 150, 255, 0.3);
  --qsi-primary: #3ea7ff;
  --qsi-primary-2: #7c3aed;
  --qsi-accent-gradient: linear-gradient(90deg, #27a9ff 0%, #7c3aed 100%);
  --qsi-shadow-soft: 0 18px 50px rgba(0, 0, 0, 0.35);
  --qsi-shadow-card: 0 12px 35px rgba(0, 0, 0, 0.32);
  --qsi-glow: 0 0 45px rgba(38, 140, 255, 0.25);
  --qsi-radius-lg: 24px;
  --qsi-radius-md: 18px;
  --qsi-radius-sm: 12px;
}

/* Reusable localized image transitions. They never fade the media itself. */
[data-theme="light"] .qsi-media-mask-light {
  background: var(--qsi-media-mask-left);
  pointer-events: none;
}

[data-theme="light"] .qsi-media-mask-light-compact {
  background: var(--qsi-media-mask-left-compact);
  pointer-events: none;
}

[data-theme="light"] body {
  background:
    radial-gradient(circle at 10% 5%, rgba(255, 255, 255, 0.95), transparent 30%),
    radial-gradient(circle at 90% 90%, rgba(220, 227, 246, 0.45), transparent 32%),
    var(--light-bg);
}

[data-theme="light"] .quantum-background {
  background:
    radial-gradient(circle at 10% 5%, rgba(255, 255, 255, 0.94), transparent 31%),
    radial-gradient(circle at 91% 88%, rgba(217, 225, 245, 0.44), transparent 33%),
    linear-gradient(145deg, #f7f9fd, #f1f4fa 54%, #edf1f8);
}

[data-theme="light"] .quantum-background::after {
  opacity: 0.025;
}

[data-theme="light"] .quantum-grid {
  background-image:
    linear-gradient(rgba(70, 91, 142, 0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 91, 142, 0.022) 1px, transparent 1px);
}

[data-theme="light"] .quantum-particles span {
  background: rgba(72, 101, 166, 0.2);
  box-shadow: none;
  opacity: 0.14;
}

/* Typography */

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] strong {
  color: var(--light-text);
}

[data-theme="light"] p,
[data-theme="light"] li,
[data-theme="light"] dd,
[data-theme="light"] blockquote {
  color: var(--light-text-secondary);
}

[data-theme="light"] small,
[data-theme="light"] dt,
[data-theme="light"] .course-category,
[data-theme="light"] .course-meta span,
[data-theme="light"] .footer-bottom {
  color: var(--light-muted);
}

[data-theme="light"] .eyebrow,
[data-theme="light"] .text-link,
[data-theme="light"] .form-heading > span,
[data-theme="light"] .contact-showcase-label,
[data-theme="light"] .contact-showcase-kicker span {
  color: var(--light-primary);
}

/* Shared page canvases and large surfaces */

[data-theme="light"] .section-deep,
[data-theme="light"] .why-choose-section,
[data-theme="light"] .course-marquee-section,
[data-theme="light"] .stats-section,
[data-theme="light"] .courses-showcase-catalogue,
[data-theme="light"] .courses-outcomes-section,
[data-theme="light"] .courses-reviews-section,
[data-theme="light"] .courses-final-cta-section,
[data-theme="light"] .admission-application-section,
[data-theme="light"] .student-zone-dashboard-section,
[data-theme="light"] .gallery-showcase,
[data-theme="light"] .blog-page-content,
[data-theme="light"] .contact-showcase-about,
[data-theme="light"] .contact-showcase-metrics,
[data-theme="light"] .contact-showcase-connect,
[data-theme="light"] .course-profile-page {
  border-color: var(--light-divider);
  background:
    radial-gradient(circle at 86% 8%, rgba(100, 124, 193, 0.05), transparent 28rem),
    radial-gradient(circle at 7% 90%, rgba(255, 255, 255, 0.74), transparent 24rem),
    rgba(243, 245, 251, 0.86);
}

/* Shared elevated surfaces */

[data-theme="light"] .glass,
[data-theme="light"] .nav-shell,
[data-theme="light"] .course-card,
[data-theme="light"] .course-card-featured,
[data-theme="light"] .qsi-card,
[data-theme="light"] .testimonial-feature,
[data-theme="light"] .testimonial-small,
[data-theme="light"] .mission-block,
[data-theme="light"] .sidebar-panel,
[data-theme="light"] .hero-principle,
[data-theme="light"] .verification-badge,
[data-theme="light"] .admission-page-form,
[data-theme="light"] .admission-side-panel,
[data-theme="light"] .student-zone-feature-card > article,
[data-theme="light"] .student-zone-login-panel,
[data-theme="light"] .student-zone-verification-form,
[data-theme="light"] .student-zone-result-panel,
[data-theme="light"] .course-profile-facts,
[data-theme="light"] .course-profile-panel,
[data-theme="light"] .course-profile-audience,
[data-theme="light"] .course-enroll-card,
[data-theme="light"] .courses-showcase-card,
[data-theme="light"] .courses-review-card,
[data-theme="light"] .blog-page-card,
[data-theme="light"] .blog-empty-state,
[data-theme="light"] .contact-showcase-benefits article,
[data-theme="light"] .contact-showcase-metrics-strip,
[data-theme="light"] .contact-showcase-form,
[data-theme="light"] .contact-showcase-success,
[data-theme="light"] .contact-showcase-admissions-card,
[data-theme="light"] .contact-method,
[data-theme="light"] .office-hours,
[data-theme="light"] .contact-form,
[data-theme="light"] .call-slider {
  border-color: var(--light-border);
  color: var(--light-text);
  background: linear-gradient(145deg, #ffffff, #f6f8fd);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
  backdrop-filter: blur(12px) saturate(106%);
  -webkit-backdrop-filter: blur(12px) saturate(106%);
}

[data-theme="light"] .course-card:hover,
[data-theme="light"] .qsi-card:hover,
[data-theme="light"] .qsi-card:focus-visible,
[data-theme="light"] .student-zone-feature-card > article:hover,
[data-theme="light"] .courses-showcase-card:hover,
[data-theme="light"] .courses-review-card:hover,
[data-theme="light"] .blog-page-card:hover,
[data-theme="light"] .contact-showcase-benefits article:hover {
  border-color: #ffffff;
  background: linear-gradient(145deg, #ffffff, #fafbff);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover);
  transform: translateY(-2px);
}

/* Floating navigation */

[data-theme="light"] .nav-shell {
  border-color: rgba(151, 166, 202, 0.34);
  background: var(--qsi-nav-surface);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(119, 137, 179, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.86),
    -2px -2px 6px rgba(255, 255, 255, 0.98),
    5px 8px 18px rgba(61, 79, 125, 0.1),
    14px 22px 38px rgba(61, 79, 125, 0.07);
}

[data-theme="light"] .main-nav {
  gap: clamp(0.12rem, 0.45vw, 0.48rem);
}

[data-theme="light"] .brand-copy small {
  color: var(--light-text-secondary);
}

[data-theme="light"] .main-nav a {
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 0.78rem clamp(0.62rem, 0.8vw, 0.9rem);
  color: var(--qsi-nav-item);
  background: transparent;
  font-weight: 600;
  transition:
    color 220ms ease,
    background 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease;
}

[data-theme="light"] .main-nav a:hover,
[data-theme="light"] .main-nav a.active {
  border-color: rgba(255, 255, 255, 1);
  color: var(--qsi-nav-item-hover);
  background: var(--qsi-nav-hover-surface);
  box-shadow: var(--qsi-nav-hover-shadow);
  transform: translateY(-2px);
}

[data-theme="light"] .main-nav a::after {
  display: none;
}

[data-theme="light"] .main-nav a:active {
  box-shadow:
    inset 1px 2px 4px rgba(61, 79, 125, 0.1),
    -1px -1px 2px rgba(255, 255, 255, 0.95);
  transform: translateY(0);
}

[data-theme="light"] .main-nav a:focus-visible {
  outline: none;
  border-color: rgba(55, 102, 223, 0.26);
  box-shadow:
    var(--qsi-nav-hover-shadow),
    0 0 0 3px rgba(55, 102, 223, 0.09);
}

[data-theme="light"] .theme-toggle,
[data-theme="light"] .menu-button,
[data-theme="light"] .call-slider > button {
  border-color: var(--light-border);
  color: var(--light-text-secondary);
  background: linear-gradient(145deg, #ffffff, #f3f6fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .theme-toggle:hover,
[data-theme="light"] .menu-button:hover,
[data-theme="light"] .call-slider > button:hover {
  border-color: #ffffff;
  color: var(--light-primary);
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
  transform: translateY(-1px);
}

[data-theme="light"] .header-actions .nav-cta {
  border-color: rgba(255, 255, 255, 0.98);
  color: var(--qsi-nav-item);
  background: var(--qsi-nav-hover-surface);
  box-shadow: var(--qsi-nav-hover-shadow);
  text-shadow: none;
}

[data-theme="light"] .header-actions .nav-cta:hover {
  border-color: #ffffff;
  color: var(--qsi-nav-item-hover);
  background: #ffffff;
  box-shadow:
    -2px -2px 5px rgba(255, 255, 255, 1),
    5px 8px 16px rgba(61, 79, 125, 0.13),
    12px 18px 30px rgba(61, 79, 125, 0.08);
  filter: none;
  transform: translateY(-2px);
}

@media (max-width: 1120px) {
  [data-theme="light"] .main-nav {
    gap: 0.42rem;
    border-color: rgba(255, 255, 255, 0.98);
    background: var(--qsi-nav-surface);
    box-shadow:
      inset 1px 1px 0 rgba(255, 255, 255, 1),
      5px 10px 28px rgba(61, 79, 125, 0.14);
  }

  [data-theme="light"] .main-nav a,
  [data-theme="light"] .main-nav a:hover,
  [data-theme="light"] .main-nav a.active {
    padding: 0.9rem 1rem;
    transform: none;
  }

  [data-theme="light"] .main-nav a.active {
    border-color: #ffffff;
    box-shadow: var(--qsi-nav-hover-shadow);
  }
}

/* Buttons */

[data-theme="light"] .button,
[data-theme="light"] .nav-cta,
[data-theme="light"] .contact-showcase-submit,
[data-theme="light"] .admission-whatsapp,
[data-theme="light"] .course-action-enroll,
[data-theme="light"] .student-zone-login-button {
  border-color: rgba(255, 255, 255, 0.32);
  color: #ffffff;
  background: var(--gradient);
  box-shadow: var(--light-primary-shadow);
  text-shadow: none;
}

[data-theme="light"] .button:hover,
[data-theme="light"] .nav-cta:hover,
[data-theme="light"] .contact-showcase-submit:hover,
[data-theme="light"] .admission-whatsapp:hover,
[data-theme="light"] .course-action-enroll:hover,
[data-theme="light"] .student-zone-login-button:hover {
  color: #ffffff;
  box-shadow:
    0 6px 12px rgba(48, 68, 160, 0.16),
    0 15px 28px rgba(55, 76, 180, 0.2),
    0 22px 40px rgba(55, 76, 180, 0.09),
    inset 0 1px 1px rgba(255, 255, 255, 0.32);
  filter: brightness(1.025);
  transform: translateY(-2px);
}

[data-theme="light"] .button-secondary,
[data-theme="light"] .hero .button-secondary,
[data-theme="light"] .hero-actions .button-secondary,
[data-theme="light"] .admission-hero-actions .button-secondary,
[data-theme="light"] .student-zone-hero-actions .button-secondary,
[data-theme="light"] .course-profile-actions .course-action-secondary,
[data-theme="light"] .course-whatsapp-button {
  border-color: var(--light-border);
  color: var(--light-text-secondary);
  background: linear-gradient(145deg, #ffffff, #f4f6fb);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .button-secondary:hover,
[data-theme="light"] .hero .button-secondary:hover,
[data-theme="light"] .admission-hero-actions .button-secondary:hover,
[data-theme="light"] .student-zone-hero-actions .button-secondary:hover,
[data-theme="light"] .course-profile-actions .course-action-secondary:hover,
[data-theme="light"] .course-whatsapp-button:hover {
  border-color: #ffffff;
  color: var(--light-primary);
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover);
  transform: translateY(-2px);
}

[data-theme="light"] .why-promo .button-secondary {
  color: var(--light-text-secondary);
}

[data-theme="light"] .why-promo .button-secondary:hover {
  color: var(--light-primary);
}

/* Inputs, search, select and upload surfaces */

[data-theme="light"] .search-field,
[data-theme="light"] .form-field input,
[data-theme="light"] .form-field select,
[data-theme="light"] .form-field textarea,
[data-theme="light"] .newsletter-panel input,
[data-theme="light"] .courses-filter-search,
[data-theme="light"] .courses-filter-select,
[data-theme="light"] .student-zone-login-fields input,
[data-theme="light"] .student-zone-verification-fields input,
[data-theme="light"] .contact-showcase-form-grid input,
[data-theme="light"] .contact-showcase-form-grid select,
[data-theme="light"] .contact-showcase-form-grid textarea,
[data-theme="light"] .blog-search-field,
[data-theme="light"] .blog-side-search,
[data-theme="light"] .blog-newsletter label {
  border-color: #e8ecf4;
  color: var(--light-text);
  background: linear-gradient(145deg, #ffffff, #fcfdff);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .contact-showcase-form header h2,
[data-theme="light"] .contact-showcase-form-grid label > span {
  color: var(--light-text);
}

[data-theme="light"] .contact-showcase-form header p,
[data-theme="light"] .contact-showcase-form > small {
  color: #53617b;
}

[data-theme="light"] .contact-showcase-form-grid input::placeholder,
[data-theme="light"] .contact-showcase-form-grid textarea::placeholder {
  color: #596780;
  opacity: 1;
}

[data-theme="light"] .contact-showcase-form-grid select option {
  color: var(--light-text);
  background: #ffffff;
}

[data-theme="light"] .search-field:hover,
[data-theme="light"] .courses-filter-search:hover,
[data-theme="light"] .courses-filter-select:hover,
[data-theme="light"] .blog-search-field:hover,
[data-theme="light"] .blog-side-search:hover {
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover);
  transform: translateY(-1px);
}

[data-theme="light"] .form-field input:focus,
[data-theme="light"] .form-field select:focus,
[data-theme="light"] .form-field textarea:focus,
[data-theme="light"] .newsletter-panel input:focus,
[data-theme="light"] .search-field:focus-within,
[data-theme="light"] .courses-filter-search:focus-within,
[data-theme="light"] .courses-filter-select:focus-within,
[data-theme="light"] .student-zone-login-fields input:focus,
[data-theme="light"] .student-zone-verification-fields input:focus,
[data-theme="light"] .contact-showcase-form-grid input:focus,
[data-theme="light"] .contact-showcase-form-grid select:focus,
[data-theme="light"] .contact-showcase-form-grid textarea:focus,
[data-theme="light"] .blog-search-field:focus-within,
[data-theme="light"] .blog-side-search:focus-within {
  border-color: rgba(55, 102, 223, 0.44);
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover), 0 0 0 3px rgba(55, 102, 223, 0.055);
  transform: translateY(-1px);
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: #8791a8;
  opacity: 1;
}

[data-theme="light"] select option {
  color: var(--light-text);
  background: #ffffff;
}

/* Tabs, filter chips and compact controls */

[data-theme="light"] .filter-button,
[data-theme="light"] .pagination button,
[data-theme="light"] .stage-tab,
[data-theme="light"] .course-profile-tabs button,
[data-theme="light"] .gallery-filter-bar button,
[data-theme="light"] .blog-pagination button,
[data-theme="light"] .blog-pagination span {
  border-color: var(--light-border);
  color: var(--light-text-secondary);
  background: linear-gradient(145deg, #ffffff, #f2f5fb);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .filter-button:hover,
[data-theme="light"] .filter-button.is-active,
[data-theme="light"] .pagination button:hover,
[data-theme="light"] .pagination button.is-active,
[data-theme="light"] .stage-tab.is-active,
[data-theme="light"] .stage-tab.is-complete,
[data-theme="light"] .course-profile-tabs button.is-active,
[data-theme="light"] .gallery-filter-bar button:hover,
[data-theme="light"] .gallery-filter-bar button.is-active,
[data-theme="light"] .blog-pagination button:hover:not(:disabled),
[data-theme="light"] .blog-pagination button.is-active,
[data-theme="light"] .blog-category-list button:hover,
[data-theme="light"] .blog-category-list button.is-active {
  border-color: #ffffff;
  color: var(--light-primary);
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
  transform: translateY(-1px);
}

[data-theme="light"] .stage-tab.is-active > span,
[data-theme="light"] .stage-tab.is-complete > span,
[data-theme="light"] .admission-progress > div.is-active > span,
[data-theme="light"] .admission-progress > div.is-complete > span {
  border-color: rgba(255, 255, 255, 0.95);
  color: #ffffff;
  background: var(--gradient);
  box-shadow: var(--light-primary-shadow);
}

/* Elevated icon tiles */

[data-theme="light"] .course-icon,
[data-theme="light"] .qsi-icon,
[data-theme="light"] .hero-skill-marker,
[data-theme="light"] .courses-showcase-icon,
[data-theme="light"] .courses-orbit-icon,
[data-theme="light"] .student-zone-feature-card article > span,
[data-theme="light"] .contact-showcase-benefits article > span,
[data-theme="light"] .contact-showcase-details article > span,
[data-theme="light"] .contact-showcase-form header > span,
[data-theme="light"] .contact-showcase-metrics-strip article > span,
[data-theme="light"] .social-links a {
  border-color: var(--light-border);
  color: var(--light-primary);
  background: var(--light-icon-bg);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
  filter: none;
}

[data-theme="light"] .why-benefit > svg,
[data-theme="light"] .mission-block > svg,
[data-theme="light"] .testimonial-feature > svg,
[data-theme="light"] .check-list svg,
[data-theme="light"] .stars {
  color: var(--light-primary);
  filter: none;
}

/* Hero treatments */

[data-theme="light"] .hero,
[data-theme="light"] .courses-showcase-hero,
[data-theme="light"] .student-zone-hero,
[data-theme="light"] .gallery-page-hero,
[data-theme="light"] .blog-page-hero,
[data-theme="light"] .course-detail-hero {
  border-color: var(--light-border);
  color: var(--light-text);
  background-color: var(--light-surface);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .hero {
  background: linear-gradient(125deg, #fbfcff 0%, #f5f8fd 48%, #edf1f8 100%);
}

[data-theme="light"] .hero-overlay {
  background: var(--qsi-media-mask-left);
}

[data-theme="light"] .hero-backdrop,
[data-theme="light"] .courses-showcase-hero-image {
  opacity: 1;
  filter: none;
}

[data-theme="light"] .why-promo {
  border-color: var(--light-border);
  color: var(--light-text);
  background: linear-gradient(145deg, #ffffff, #f4f7fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .why-promo > img {
  filter: none;
  opacity: 0.9;
}

[data-theme="light"] .why-promo-overlay {
  background: var(--qsi-media-mask-left);
}

/* Home: Why Choose Us / Quantum Advantage */

[data-theme="light"] .admission-cta-section {
  color: var(--light-text);
  background: transparent;
}

[data-theme="light"] .admission-cta-heading > span {
  border-color: rgba(55, 102, 223, 0.15);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #edf2fb);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .admission-cta-banner {
  border-color: rgba(255, 255, 255, 0.98);
  color: var(--light-text);
  background:
    radial-gradient(circle at 22% 42%, rgba(55, 102, 223, 0.075), transparent 24rem),
    radial-gradient(circle at 88% 18%, rgba(103, 91, 231, 0.055), transparent 19rem),
    linear-gradient(145deg, #fbfcff, #eef2f9);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .admission-proof-icon {
  border-color: rgba(55, 102, 223, 0.12);
  background: var(--light-icon-bg);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .admission-proof-icon svg,
[data-theme="light"] .admission-proof:nth-child(2n) .admission-proof-icon svg {
  color: var(--light-primary);
  filter: none;
}

[data-theme="light"] .admission-proof > span:not(.admission-proof-icon) {
  color: var(--light-text-secondary);
}

[data-theme="light"] .admission-proof small {
  color: var(--light-muted);
}

[data-theme="light"] .admission-proof i {
  background: var(--qsi-accent-gradient);
  box-shadow: none;
}

[data-theme="light"] .admission-cta-panel {
  color: var(--light-text);
  background:
    radial-gradient(circle at 100% 15%, rgba(103, 91, 231, 0.09), transparent 17rem),
    linear-gradient(130deg, #f3f6fd 8%, #e9eef9 58%, #e4e9f7 100%);
}

[data-theme="light"] .admission-cta-panel::before {
  background: linear-gradient(180deg, rgba(55, 102, 223, 0.1), rgba(86, 119, 232, 0.46), rgba(55, 102, 223, 0.08));
  box-shadow: none;
}

[data-theme="light"] .admission-cta-panel::after {
  background: repeating-radial-gradient(
    ellipse at 100% 100%,
    transparent 0 10px,
    rgba(86, 119, 232, 0.07) 11px 12px
  );
  opacity: 0.58;
}

[data-theme="light"] .admission-cta-panel h2 {
  color: var(--light-text);
}

[data-theme="light"] .admission-cta-panel p {
  color: var(--light-text-secondary);
}

@media (hover: hover) {
  [data-theme="light"] .admission-proof:hover {
    background: rgba(255, 255, 255, 0.62);
    box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
  }

  [data-theme="light"] .admission-proof:hover .admission-proof-icon {
    border-color: rgba(55, 102, 223, 0.2);
    box-shadow: var(--light-shadow-inset), var(--light-shadow);
  }

  [data-theme="light"] .admission-proof:hover i {
    box-shadow: none;
  }
}

/* Courses */

[data-theme="light"] .courses-showcase-hero {
  background: linear-gradient(125deg, #fbfcff, #f5f8fd 54%, #edf1f8);
}

[data-theme="light"] .courses-showcase-hero::before {
  background: var(--qsi-media-mask-left);
}

[data-theme="light"] .courses-filter-bar,
[data-theme="light"] .gallery-filter-bar {
  border-color: var(--light-border);
  background: rgba(248, 250, 255, 0.9);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

[data-theme="light"] .courses-showcase-link {
  border-color: var(--light-border);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #f3f6fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .courses-showcase-link:hover {
  border-color: #ffffff;
  color: #244fbb;
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
  transform: translateY(-1px);
}

[data-theme="light"] .courses-final-cta {
  border-color: transparent;
  color: var(--light-text);
  background:
    radial-gradient(circle at 8% 100%, rgba(86, 119, 232, 0.1), transparent 17rem) padding-box,
    linear-gradient(145deg, #ffffff, #eff3fa) padding-box,
    linear-gradient(105deg, rgba(55, 102, 223, 0.24), rgba(103, 91, 231, 0.2)) border-box;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .courses-final-cta::after {
  background-image:
    linear-gradient(rgba(72, 98, 157, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(72, 98, 157, 0.035) 1px, transparent 1px);
}

[data-theme="light"] .courses-final-cta h2 {
  color: var(--light-text);
}

[data-theme="light"] .courses-final-cta p {
  color: var(--light-text-secondary);
}

[data-theme="light"] .courses-rocket {
  color: var(--light-primary-soft);
  filter: drop-shadow(0 12px 18px rgba(55, 102, 223, 0.16));
}

[data-theme="light"] .courses-rocket::after {
  background: linear-gradient(90deg, rgba(55, 102, 223, 0.18), transparent);
  filter: blur(7px);
}

/* Admission hero and legacy admission panels */

[data-theme="light"] .admission-page-hero {
  border-color: var(--light-border);
  color: var(--light-text);
  background-color: var(--light-surface);
  background-image:
    linear-gradient(90deg, rgba(250, 252, 255, 0.99), rgba(248, 250, 254, 0.94) 41%, rgba(241, 245, 251, 0.5) 70%, rgba(238, 242, 249, 0.18)),
    url("/assets/admission-hero-full-bg.png");
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .admission-hero-copy,
[data-theme="light"] .admission-hero-text,
[data-theme="light"] .admission-hero-stats small {
  color: var(--light-text-secondary);
  text-shadow: none;
}

[data-theme="light"] .admission-progress::before {
  background: var(--light-divider);
}

[data-theme="light"] .admission-progress > div > span,
[data-theme="light"] .admission-dates-panel dl div::before,
[data-theme="light"] .admission-upload-grid label,
[data-theme="light"] .admission-review,
[data-theme="light"] .student-zone-result-card,
[data-theme="light"] .student-zone-result-empty {
  border-color: var(--light-border);
  color: var(--light-text-secondary);
  background: linear-gradient(145deg, #ffffff, #f3f6fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

/* Production admission form: variables and every hard-coded dark surface */

[data-theme="light"] .qsi-admission-page {
  --admission-bg: var(--light-bg);
  --admission-panel: var(--light-surface);
  --admission-input: #ffffff;
  --admission-border: var(--light-border);
  --admission-purple: var(--light-primary-soft);
  --admission-blue: var(--light-primary);
  --admission-cyan: var(--light-primary);
  --admission-text: var(--light-text);
  --admission-muted: var(--light-muted);
  --admission-error: var(--light-danger);
  color: var(--light-text);
  background:
    radial-gradient(circle at 8% 18%, rgba(255, 255, 255, 0.95), transparent 28rem),
    radial-gradient(circle at 92% 45%, rgba(220, 227, 246, 0.45), transparent 30rem),
    var(--light-bg);
}

[data-theme="light"] .qsi-admission-hero::after {
  background: linear-gradient(180deg, transparent 68%, var(--light-bg));
}

[data-theme="light"] .qsi-admission-hero-copy p,
[data-theme="light"] .qsi-admission-hero-copy p svg {
  color: var(--light-primary);
}

[data-theme="light"] .qsi-admission-hero-copy h1 {
  background: linear-gradient(94deg, #244eae, #3766df 52%, #675be7);
  background-clip: text;
  -webkit-background-clip: text;
}

[data-theme="light"] .qsi-admission-hero-copy > span {
  color: var(--light-text-secondary);
}

[data-theme="light"] .qsi-admission-hero-grid > img {
  opacity: 1;
  filter: invert(1) hue-rotate(180deg) saturate(0.9) contrast(1.04);
}

[data-theme="light"] .qsi-admission-page .admission-side-panel {
  border-color: var(--light-border);
  color: var(--light-text);
  background:
    radial-gradient(circle at 15% 0, rgba(46, 116, 199, 0.06), transparent 22rem),
    linear-gradient(145deg, #ffffff, #f6f8fd);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .qsi-admission-page .admission-benefits-panel h3,
[data-theme="light"] .qsi-admission-page .admission-side-panel h2,
[data-theme="light"] .qsi-admission-page .admission-dates-panel dd {
  color: var(--light-text);
}

[data-theme="light"] .qsi-admission-page .admission-benefits-panel p,
[data-theme="light"] .qsi-admission-page .admission-help-panel > p,
[data-theme="light"] .qsi-admission-page .admission-dates-panel dt,
[data-theme="light"] .qsi-admission-page .admission-contact-line {
  color: var(--light-text-secondary);
}

[data-theme="light"] .qsi-admission-page .admission-offer-banner {
  border-color: var(--light-border);
  color: var(--light-text);
  background:
    radial-gradient(circle at 0 50%, rgba(65, 139, 228, 0.09), transparent 16rem),
    radial-gradient(circle at 100% 50%, rgba(114, 85, 220, 0.08), transparent 17rem),
    linear-gradient(145deg, #ffffff, #f4f7ff);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .qsi-admission-page .admission-offer-copy h2,
[data-theme="light"] .qsi-admission-page .admission-countdown strong {
  color: var(--light-text);
}

[data-theme="light"] .qsi-admission-page .admission-offer-copy p,
[data-theme="light"] .qsi-admission-page .admission-countdown span {
  color: var(--light-text-secondary);
}

[data-theme="light"] .qsi-admission-page .admission-offer-icon,
[data-theme="light"] .qsi-admission-page .admission-countdown > div {
  border-color: var(--light-border);
  color: var(--light-primary);
  background: var(--light-icon-bg);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .qsi-admission-form,
[data-theme="light"] .qsi-admission-success {
  border-color: var(--light-border);
  color: var(--light-text);
  background:
    radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.82), transparent 32rem),
    linear-gradient(145deg, #fafdff, #f2f5fb);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .qsi-admission-form-section {
  border-bottom-color: var(--light-divider);
}

[data-theme="light"] .qsi-admission-form-section > header span {
  border-color: #e3e9f8;
  color: #4266db;
  background: linear-gradient(145deg, #f3f6ff, #e9efff);
  box-shadow:
    0 2px 4px rgba(45, 65, 120, 0.04),
    0 7px 14px rgba(45, 65, 120, 0.1),
    inset 0 1px 2px rgba(255, 255, 255, 0.98);
}

[data-theme="light"] .qsi-admission-form-section > header h2,
[data-theme="light"] .qsi-admission-field > span,
[data-theme="light"] .qsi-admission-photo > span,
[data-theme="light"] .qsi-admission-photo strong {
  color: var(--light-text-secondary);
}

[data-theme="light"] .qsi-admission-field b,
[data-theme="light"] .qsi-admission-photo b {
  color: var(--light-danger);
}

[data-theme="light"] .qsi-admission-control > svg {
  color: var(--light-primary);
}

[data-theme="light"] .qsi-admission-control input,
[data-theme="light"] .qsi-admission-control select,
[data-theme="light"] .qsi-admission-control textarea {
  border-color: #e8ecf4;
  color: var(--light-text);
  background: linear-gradient(145deg, #ffffff, #fcfdff);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .qsi-admission-control input:hover,
[data-theme="light"] .qsi-admission-control select:hover,
[data-theme="light"] .qsi-admission-control textarea:hover {
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover);
  transform: translateY(-1px);
}

[data-theme="light"] .qsi-admission-control input:focus,
[data-theme="light"] .qsi-admission-control select:focus,
[data-theme="light"] .qsi-admission-control textarea:focus {
  border-color: rgba(55, 102, 223, 0.44);
  color: var(--light-text);
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover), 0 0 0 3px rgba(55, 102, 223, 0.055);
  transform: translateY(-1px);
}

[data-theme="light"] .qsi-admission-control input::placeholder,
[data-theme="light"] .qsi-admission-control textarea::placeholder {
  color: #8791a8;
}

[data-theme="light"] .qsi-admission-photo > div {
  border-color: #dce3f0;
  color: var(--light-text-secondary);
  background: linear-gradient(145deg, #ffffff, #f4f7fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .qsi-admission-photo:hover > div,
[data-theme="light"] .qsi-admission-photo > div.is-dragging {
  border-color: rgba(55, 102, 223, 0.42);
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover);
}

[data-theme="light"] .qsi-admission-photo > div > svg,
[data-theme="light"] .qsi-admission-photo > div > img {
  border-color: var(--light-border);
  color: var(--light-primary);
  background: var(--light-icon-bg);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .qsi-admission-actions button:first-child,
[data-theme="light"] .qsi-admission-success .qsi-admission-success-actions button:last-child {
  border-color: var(--light-border);
  color: var(--light-text-secondary);
  background: linear-gradient(145deg, #ffffff, #f3f6fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .qsi-admission-actions button:last-child,
[data-theme="light"] .qsi-admission-success .qsi-admission-success-actions button:first-child {
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  background: var(--gradient);
  box-shadow: var(--light-primary-shadow);
}

[data-theme="light"] .qsi-admission-server-message {
  border-color: rgba(230, 74, 112, 0.22);
  color: #9b3150;
  background: #fff4f7;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .qsi-admission-server-message strong {
  color: #8c2946;
}

[data-theme="light"] .qsi-admission-success > div,
[data-theme="light"] .qsi-admission-success-details dd,
[data-theme="light"] .qsi-admission-success-details dt,
[data-theme="light"] .qsi-admission-privacy {
  color: var(--light-text-secondary);
}

[data-theme="light"] .qsi-admission-success-details,
[data-theme="light"] .qsi-admission-success-details dl > div {
  border-color: var(--light-divider);
  background: rgba(248, 250, 255, 0.72);
}

/* Student Zone */

[data-theme="light"] .student-zone-hero,
[data-theme="light"] .student-zone-dashboard-section {
  background:
    radial-gradient(circle at 82% 24%, rgba(98, 115, 185, 0.055), transparent 28rem),
    radial-gradient(circle at 8% 74%, rgba(255, 255, 255, 0.76), transparent 26rem),
    var(--light-bg);
}

[data-theme="light"] .student-zone-login-aside {
  border-color: var(--light-divider);
  background: rgba(239, 243, 250, 0.68);
}

[data-theme="light"] .student-zone-result-card > strong {
  border-color: var(--light-border);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #edf2ff);
  box-shadow: var(--light-shadow-1);
}

/* Gallery and blog */

[data-theme="light"] .gallery-page-hero,
[data-theme="light"] .blog-page-hero {
  background:
    radial-gradient(circle at 76% 32%, rgba(88, 112, 183, 0.055), transparent 30rem),
    linear-gradient(125deg, #fbfcff, #f5f8fd 55%, #edf1f8);
}

[data-theme="light"] .gallery-breadcrumb,
[data-theme="light"] .blog-side-section,
[data-theme="light"] .blog-newsletter {
  border-color: var(--light-border);
  color: var(--light-text-secondary);
  background: linear-gradient(145deg, #ffffff, #f4f7fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .gallery-floating-photo,
[data-theme="light"] .gallery-photo-card {
  border-color: var(--light-border);
  box-shadow: var(--light-shadow-raised);
}

[data-theme="light"] .gallery-photo-card::after {
  background: linear-gradient(180deg, transparent 28%, rgba(8, 14, 31, 0.2) 54%, rgba(8, 14, 31, 0.9) 100%);
}

[data-theme="light"] .gallery-photo-overlay h3 {
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72);
}

[data-theme="light"] .gallery-photo-overlay span {
  color: #f1f5ff;
}

[data-theme="light"] .gallery-floating-photo {
  filter: none;
}

[data-theme="light"] .gallery-emblem-scene {
  filter: drop-shadow(0 24px 34px rgba(35, 55, 100, 0.14));
}

[data-theme="light"] .gallery-emblem,
[data-theme="light"] .gallery-platform {
  border-color: rgba(255, 255, 255, 0.88);
  box-shadow: var(--qsi-shadow-soft), var(--qsi-glow);
}

[data-theme="light"] .gallery-journey-banner {
  border-color: transparent;
  color: var(--light-text);
  background:
    radial-gradient(circle at 15% 50%, rgba(55, 102, 223, 0.09), transparent 14rem) padding-box,
    radial-gradient(circle at 62% 50%, rgba(103, 91, 231, 0.065), transparent 24rem) padding-box,
    linear-gradient(145deg, #ffffff, #eef2f9) padding-box,
    linear-gradient(100deg, rgba(55, 102, 223, 0.26), rgba(103, 91, 231, 0.22)) border-box;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .gallery-journey-banner::before,
[data-theme="light"] .gallery-journey-banner::after {
  background-image:
    radial-gradient(circle, rgba(55, 102, 223, 0.13) 1px, transparent 1.5px),
    linear-gradient(135deg, transparent 48%, rgba(55, 102, 223, 0.055) 49%, transparent 50%);
  opacity: 0.34;
}

[data-theme="light"] .gallery-camera {
  border-color: rgba(55, 102, 223, 0.15);
  color: var(--light-primary);
  background: var(--light-icon-bg);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .gallery-journey-banner h2 {
  color: var(--light-text);
}

[data-theme="light"] .gallery-hero-copy h1 {
  color: #17233d;
}

[data-theme="light"] .gallery-hero-copy h1 span {
  background-image: linear-gradient(96deg, #176a9d 4%, #4552b6 48%, #762ca9 94%);
}

[data-theme="light"] .gallery-kicker {
  border-color: rgba(34, 106, 151, 0.25);
  color: #176589;
  background: linear-gradient(110deg, rgba(28, 117, 188, 0.08), rgba(94, 42, 174, 0.07));
}

[data-theme="light"] .gallery-journey-banner p {
  color: var(--light-text-secondary);
}

[data-theme="light"] .blog-hero-art {
  opacity: 1;
  filter: drop-shadow(0 24px 32px rgba(35, 55, 100, 0.14));
}

[data-theme="light"] .student-zone-hero-art img,
[data-theme="light"] .gallery-photo-card img,
[data-theme="light"] .blog-card-image img,
[data-theme="light"] .contact-showcase-about-media > img {
  opacity: 1;
  filter: none;
}

[data-theme="light"] .blog-hero-art::before {
  opacity: 0.52;
  filter: blur(24px);
}

[data-theme="light"] .blog-page-sidebar,
[data-theme="light"] .blog-card-footer {
  border-color: var(--light-divider);
}

[data-theme="light"] .blog-side-search > svg,
[data-theme="light"] .blog-newsletter button {
  color: #ffffff;
  background: var(--gradient);
  box-shadow: var(--light-primary-shadow);
}

/* Contact */

[data-theme="light"] .contact-showcase-hero {
  color: var(--light-text);
  background: linear-gradient(125deg, #fbfcff, #f5f8fd 56%, #edf1f8);
  box-shadow: var(--light-shadow-raised);
}

[data-theme="light"] .contact-showcase-hero-copy h1,
[data-theme="light"] .contact-showcase-hero-copy > p:not(.contact-showcase-kicker) {
  color: var(--light-text);
}

[data-theme="light"] .contact-showcase-hero-media {
  opacity: 1;
}

[data-theme="light"] .contact-showcase-hero-media img {
  filter: none;
}

[data-theme="light"] .contact-showcase-hero-media::after {
  background: var(--qsi-media-mask-left);
}

[data-theme="light"] .contact-showcase-about-media,
[data-theme="light"] .contact-showcase-about-media > div,
[data-theme="light"] .contact-showcase-details article > a,
[data-theme="light"] .contact-showcase-socials a {
  border-color: var(--light-border);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #f3f6fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .contact-showcase-details article,
[data-theme="light"] .contact-showcase-metrics-strip article {
  border-color: var(--light-divider);
}

/* Course details */

[data-theme="light"] .course-profile-breadcrumb,
[data-theme="light"] .course-profile-tabs,
[data-theme="light"] .course-profile-syllabus article,
[data-theme="light"] .course-profile-careers article,
[data-theme="light"] .course-profile-audience article {
  border-color: var(--light-border);
  color: var(--light-text-secondary);
  background: linear-gradient(145deg, #ffffff, #f4f7fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .course-profile-facts article + article,
[data-theme="light"] .course-profile-tabs {
  border-color: var(--light-divider);
}

[data-theme="light"] .course-profile-syllabus article > span,
[data-theme="light"] .course-profile-careers svg,
[data-theme="light"] .course-profile-audience svg,
[data-theme="light"] .course-profile-check-grid svg {
  color: var(--light-primary);
}

/* Footer and floating assistance */

[data-theme="light"] .site-footer {
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  overflow: hidden;
  padding-top: clamp(3.4rem, 5vw, 4.7rem);
  border: 0;
  border-top: 1px solid rgba(72, 98, 157, 0.28);
  border-radius: 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.98), transparent 26rem),
    linear-gradient(145deg, rgba(251, 252, 255, 0.99), rgba(234, 239, 248, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 -1px 0 rgba(255, 255, 255, 0.88);
}

[data-theme="light"] .site-footer::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 88% 100%, rgba(71, 105, 192, 0.055), transparent 30rem);
  pointer-events: none;
  content: "";
}

[data-theme="light"] .footer-main h3 {
  color: var(--light-heading);
}

[data-theme="light"] .footer-main p,
[data-theme="light"] .footer-main a {
  color: var(--light-muted);
}

[data-theme="light"] .footer-main a:hover,
[data-theme="light"] .footer-main .text-link {
  color: var(--light-primary);
}

[data-theme="light"] .footer-bottom {
  border-color: var(--light-divider);
}

@media (max-width: 640px) {
  [data-theme="light"] .site-footer {
    width: 100%;
    margin: 0;
    padding-top: 3rem;
    border-radius: 0;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.92),
      0 -1px 0 rgba(255, 255, 255, 0.88);
  }
}

/* Keep motion premium and coherent across the Light skin. */

[data-theme="light"] .glass,
[data-theme="light"] .nav-shell,
[data-theme="light"] .button,
[data-theme="light"] .button-secondary,
[data-theme="light"] .theme-toggle,
[data-theme="light"] .menu-button,
[data-theme="light"] .course-card,
[data-theme="light"] .qsi-card,
[data-theme="light"] .testimonial-feature,
[data-theme="light"] .testimonial-small,
[data-theme="light"] .student-zone-feature-card > article,
[data-theme="light"] .courses-showcase-card,
[data-theme="light"] .courses-review-card,
[data-theme="light"] .blog-page-card,
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
  transition:
    background 220ms ease,
    color 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    transform 220ms ease,
    opacity 220ms ease;
}

@media (max-width: 640px) {
  [data-theme="light"] {
    --light-shadow:
      -1px -1px 2px rgba(255, 255, 255, 0.98),
      2px 3px 6px rgba(61, 79, 125, 0.055),
      4px 7px 13px rgba(61, 79, 125, 0.06);
    --light-shadow-hover:
      -1px -1px 2px rgba(255, 255, 255, 1),
      3px 5px 9px rgba(61, 79, 125, 0.075),
      6px 10px 18px rgba(61, 79, 125, 0.075);
    --light-shadow-raised:
      -1px -1px 3px rgba(255, 255, 255, 1),
      3px 6px 12px rgba(61, 79, 125, 0.07),
      8px 14px 25px rgba(61, 79, 125, 0.075);
  }

  [data-theme="light"] .nav-shell,
  [data-theme="light"] .courses-filter-bar,
  [data-theme="light"] .gallery-filter-bar,
  [data-theme="light"] .qsi-admission-form,
  [data-theme="light"] .qsi-admission-success {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  [data-theme="light"] .qsi-admission-hero {
    min-height: 405px;
  }

  [data-theme="light"] .qsi-admission-hero-copy {
    width: 76%;
  }

  [data-theme="light"] .qsi-admission-hero-copy > span {
    position: relative;
    z-index: 2;
    padding: 0.42rem 0.55rem;
    border-radius: 8px;
    background: rgba(248, 250, 255, 0.72);
    box-shadow: var(--light-shadow-inset);
  }

  [data-theme="light"] .qsi-admission-hero-grid > img {
    opacity: 0.92;
    filter: saturate(1.03) contrast(1.02) drop-shadow(0 18px 28px rgba(35, 55, 100, 0.16));
  }

  [data-theme="light"] .hero-overlay,
  [data-theme="light"] .courses-showcase-hero::before,
  [data-theme="light"] .contact-showcase-hero-media::after {
    background: var(--qsi-media-mask-left-compact);
  }

  [data-theme="light"] .contact-showcase-hero::after {
    background: linear-gradient(
      180deg,
      rgba(246, 248, 252, 0) 0%,
      rgba(246, 248, 252, 0.08) 46%,
      rgba(246, 248, 252, 0.68) 76%,
      var(--qsi-bg) 100%
    );
  }

  [data-theme="light"] .contact-showcase-hero-media {
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 68%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 68%, transparent 100%);
  }

  [data-theme="light"] .contact-showcase-hero-media::after {
    background: linear-gradient(
      180deg,
      transparent 0%,
      transparent 56%,
      rgba(246, 248, 252, 0.2) 76%,
      var(--qsi-bg) 100%
    );
  }

  [data-theme="light"] .courses-outcomes-visual {
    opacity: 0.92;
    filter: none;
  }

  [data-theme="light"] .courses-laptop-image {
    filter: drop-shadow(0 22px 28px rgba(35, 55, 100, 0.16));
  }

[data-theme="light"] .courses-benefits::after {
    background: linear-gradient(90deg, rgba(246, 248, 252, 0.96), rgba(246, 248, 252, 0.82) 60%, rgba(246, 248, 252, 0.08));
  }
}

/* Student dashboard certificate access */

[data-theme="light"] .student-zone-feature-card > .student-zone-feature-action,
[data-theme="light"] .student-zone-certificate-panel {
  border-color: var(--light-border);
  color: var(--light-text);
  background: linear-gradient(145deg, #ffffff, #f6f8fd);
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .student-zone-feature-card > .student-zone-feature-action:hover,
[data-theme="light"] .student-zone-feature-card > .student-zone-feature-action:focus-visible {
  border-color: #ffffff;
  background: linear-gradient(145deg, #ffffff, #fafbff);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover);
}

[data-theme="light"] .student-zone-feature-action > span,
[data-theme="light"] .student-zone-certificate-panel > header > div > span,
[data-theme="light"] .student-zone-certificate-panel > header > button {
  border-color: rgba(55, 102, 223, 0.14);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #eef3ff);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .student-zone-feature-action > small,
[data-theme="light"] .student-zone-certificate-panel > header p {
  color: var(--light-primary);
}

[data-theme="light"] .student-zone-certificate-panel > header {
  border-color: var(--light-divider);
}

[data-theme="light"] .student-zone-certificate-panel > header h3,
[data-theme="light"] .student-zone-certificate-panel label > span {
  color: var(--light-text);
}

[data-theme="light"] .student-zone-certificate-panel input {
  border-color: var(--light-border);
  color: var(--light-text);
  background: linear-gradient(145deg, #ffffff, #fbfcff);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .student-zone-certificate-panel input::placeholder,
[data-theme="light"] .student-zone-certificate-panel > small {
  color: var(--light-muted);
}

[data-theme="light"] .student-zone-certificate-panel input:focus {
  border-color: var(--light-primary);
  background: #ffffff;
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1), 0 0 0 3px rgba(55, 102, 223, 0.055);
}

[data-theme="light"] .student-zone-certificate-notice {
  border-color: rgba(55, 102, 223, 0.15);
  color: var(--light-text-secondary);
  background: rgba(55, 102, 223, 0.055);
}

[data-theme="light"] .student-zone-certificate-notice svg {
  color: var(--light-primary);
}

[data-theme="light"] .student-zone-certificate-actions > span {
  border-color: rgba(55, 102, 223, 0.14);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #eef3ff);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .student-zone-certificate-actions > p:first-of-type {
  color: var(--light-primary);
}

[data-theme="light"] .student-zone-certificate-actions h3,
[data-theme="light"] .student-zone-certificate-actions dd {
  color: var(--light-text);
}

[data-theme="light"] .student-zone-certificate-actions h3 + p,
[data-theme="light"] .student-zone-certificate-actions dt,
[data-theme="light"] .student-zone-certificate-actions > small {
  color: var(--light-muted);
}

[data-theme="light"] .student-zone-certificate-actions dl,
[data-theme="light"] .student-zone-certificate-actions dl > div {
  border-color: var(--light-divider);
}

[data-theme="light"] .student-zone-certificate-actions dd.is-issued {
  color: #168b5b;
}

[data-theme="light"] .student-zone-certificate-actions dd.is-pending {
  color: #b26a04;
}

[data-theme="light"] .student-zone-certificate-success {
  color: #168b5b !important;
}

[data-theme="light"] .student-zone-certificate-error {
  color: #c82e54 !important;
}

/* Student study materials */

[data-theme="light"] .student-zone-login-panel {
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-theme="light"] .student-zone-login-role-tabs {
  border-color: rgba(70, 98, 153, 0.13);
  background: #eef2fa;
  box-shadow: inset 0 1px 3px rgba(45, 66, 112, 0.055);
}

[data-theme="light"] .student-zone-login-role-tabs button {
  color: #50617f;
}

[data-theme="light"] .student-zone-login-role-tabs button:hover {
  color: #2455c5;
  background: rgba(255, 255, 255, 0.72);
}

[data-theme="light"] .student-zone-login-role-tabs button.is-active {
  border-color: rgba(55, 102, 223, 0.2);
  color: #174fbf;
  background: #fff;
  box-shadow:
    inset 0 1px 0 #fff,
    0 7px 17px rgba(45, 66, 112, 0.13);
}

[data-theme="light"] .student-zone-login-main {
  border-color: rgba(55, 102, 223, 0.18);
  background:
    radial-gradient(circle at 50% 12%, rgba(85, 104, 202, 0.07), transparent 15rem),
    linear-gradient(145deg, #ffffff, #f5f7fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .student-zone-materials {
  border-color: rgba(95, 107, 177, 0.2);
  background:
    radial-gradient(circle at 15% 8%, rgba(85, 104, 202, 0.07), transparent 24rem),
    linear-gradient(145deg, #ffffff, #f5f7fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .student-zone-materials-header h2,
[data-theme="light"] .student-zone-material-request h3,
[data-theme="light"] .student-zone-material-card h3 {
  color: var(--light-text);
}

[data-theme="light"] .student-zone-materials-header p,
[data-theme="light"] .student-zone-material-request p,
[data-theme="light"] .student-zone-material-card p {
  color: var(--light-muted);
}

[data-theme="light"] .student-zone-materials-header > button,
[data-theme="light"] .student-zone-material-request > button {
  border-color: rgba(55, 102, 223, 0.15);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #edf2fb);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .student-zone-material-card {
  border-color: rgba(var(--material-rgb), 0.19);
  background:
    radial-gradient(circle at 12% 15%, rgba(var(--material-rgb), 0.055), transparent 8rem),
    linear-gradient(145deg, #ffffff, #f5f7fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .student-zone-material-card:hover {
  border-color: rgba(var(--material-rgb), 0.34);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-hover);
}

[data-theme="light"] .student-zone-material-card small {
  color: var(--light-text-secondary);
  background: rgba(255, 255, 255, 0.58);
}

[data-theme="light"] .student-zone-material-request {
  border-color: var(--light-border-muted);
  background: linear-gradient(145deg, #fbfcff, #eef2fa);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

/* Blog detail light theme */

[data-theme="light"] .blog-detail-page {
  background:
    radial-gradient(circle at 78% 8%, rgba(55, 102, 223, 0.09), transparent 28rem),
    linear-gradient(180deg, #f5f8fd 0%, #eef3fa 62%, #f4f7fc 100%);
}

[data-theme="light"] .blog-detail-hero::before {
  background-image:
    linear-gradient(rgba(52, 76, 126, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(52, 76, 126, 0.035) 1px, transparent 1px);
}

[data-theme="light"] .blog-detail-category {
  border-color: rgba(55, 102, 223, 0.18);
  color: #315fd0;
  background: rgba(55, 102, 223, 0.07);
}

[data-theme="light"] .blog-detail-cover {
  border-color: rgba(50, 70, 120, 0.14);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .blog-detail-article,
[data-theme="light"] .blog-detail-sidebar > section,
[data-theme="light"] .blog-detail-related-grid > article {
  border-color: rgba(50, 70, 120, 0.12);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 254, 0.94));
  box-shadow: var(--light-shadow-inset), var(--light-shadow);
}

[data-theme="light"] .blog-detail-section-number,
[data-theme="light"] .blog-detail-cta > span,
[data-theme="light"] .blog-detail-takeaway > span,
[data-theme="light"] .blog-detail-author > span {
  border-color: rgba(55, 102, 223, 0.15);
  color: #315fd0;
  background: linear-gradient(145deg, #ffffff, #edf2fb);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .blog-detail-article li {
  border-color: rgba(50, 70, 120, 0.1);
  background: rgba(238, 243, 251, 0.76);
}

[data-theme="light"] .blog-detail-takeaway {
  border-color: rgba(55, 102, 223, 0.14);
  background: radial-gradient(circle at 0 50%, rgba(55, 102, 223, 0.08), transparent 38%), rgba(248, 250, 255, 0.9);
}

/* Student ID card light theme */

[data-theme="light"] .student-zone-id-panel {
  border-color: rgba(55, 102, 223, 0.16);
  background:
    radial-gradient(circle at 20% 12%, rgba(55, 102, 223, 0.07), transparent 22rem),
    linear-gradient(145deg, #ffffff, #f3f6fc);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-raised);
}

[data-theme="light"] .student-zone-id-panel-header {
  border-color: var(--light-divider);
}

[data-theme="light"] .student-zone-id-panel-header > div > span,
[data-theme="light"] .student-zone-id-panel-header > button,
[data-theme="light"] .student-zone-id-actions > span {
  border-color: rgba(55, 102, 223, 0.15);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #edf2fb);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .student-zone-id-panel-header h3,
[data-theme="light"] .student-zone-id-actions h3,
[data-theme="light"] .student-zone-id-actions dd {
  color: var(--light-text);
}

[data-theme="light"] .student-zone-id-actions h3 + p,
[data-theme="light"] .student-zone-id-actions dt,
[data-theme="light"] .student-zone-id-actions > small {
  color: var(--light-muted);
}

[data-theme="light"] .student-zone-id-actions dl,
[data-theme="light"] .student-zone-id-actions dl > div {
  border-color: var(--light-divider);
}
[data-theme="light"] .student-zone-materials-header > a,
[data-theme="light"] .student-zone-material-request > a {
  border-color: rgba(55, 102, 223, 0.15);
  color: var(--light-primary);
  background: linear-gradient(145deg, #ffffff, #edf2fb);
  box-shadow: var(--light-shadow-inset), var(--light-shadow-1);
}

[data-theme="light"] .student-zone-material-library > h3,
[data-theme="light"] .student-zone-material-group > header h4,
[data-theme="light"] .student-zone-material-group li strong {
  color: var(--light-text);
}

[data-theme="light"] .student-zone-material-library,
[data-theme="light"] .student-zone-material-group > header,
[data-theme="light"] .student-zone-material-group li + li {
  border-color: var(--light-border-muted);
}

[data-theme="light"] .student-zone-material-group {
  border-color: var(--light-border-muted);
  background: rgba(255, 255, 255, 0.58);
}

[data-theme="light"] .student-zone-material-group > header small,
[data-theme="light"] .student-zone-material-group li small,
[data-theme="light"] .student-zone-material-group li p,
[data-theme="light"] .student-zone-material-empty {
  color: var(--light-muted);
}

[data-theme="light"] .student-zone-material-group li a {
  color: var(--light-primary);
}