:root {
  --brand-blue: #5E2B98;
  --brand-purple-deep: #4B217B;
  --brand-purple-soft: #F7F3FB;
  --brand-sky: #8144B5;
  --brand-purple-tint: #EEE6F7;
  --brand-ink: #0B183E;
  --brand-text: #263454;
  --brand-muted: #646B82;
  --brand-line: rgba(94,43,152, 0.14);
  --glass-bg: rgba(255, 255, 255, 0.76);
  --glass-bg-strong: rgba(255, 255, 255, 0.9);
  --glass-line: rgba(255, 255, 255, 0.62);
  --glass-shadow: 0 28px 70px -46px rgba(11,24,62, 0.62);
  --glass-shadow-blue: 0 24px 58px -38px rgba(94,43,152, 0.48);
  --global-teal: var(--brand-blue);
  --global-mint: var(--brand-sky);
  --global-lime: #C49FE0;
  --global-paper: #FCFBFE;
}

.computer-program-hero .computer-hero-title,
.computer-program-hero h1.computer-hero-title {
  color: #ffffff !important;
  text-shadow: 0 18px 38px rgba(0, 0, 0, 0.22);
}


body {
  background:
    linear-gradient(135deg, #fbfdff 0%, #F9F6FD 42%, #ffffff 100%);
  color: var(--brand-ink);
  overflow-x: hidden;
}

body > .flex.flex-1,
#main-content {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

#main-content {
  overflow-x: clip;
}

#main-content > section,
#main-content > div,
#main-content > article {
  max-width: 100%;
}

a,
button,
.card,
.card-3d,
.card-3d-premium,
.global-program-card,
.global-feature-grid > div,
.home-course-pill,
.course-detail-panel,
.dashboard-hub-section,
.dashboard-resource-row,
.global-payment-card,
.global-partner-card {
  -webkit-tap-highlight-color: transparent;
}

.topbar,
.global-nav-dropdown,
.global-user-menu,
.sidebar,
.global-showcase,
.global-program-card,
.global-cta,
.global-feature-grid > div,
.home-partners-panel,
.home-course-pill,
.card,
.card-elevated,
.card-3d,
.card-3d-premium,
.course-detail-panel,
.dashboard-hub-section,
.dashboard-action-strip,
.dashboard-resource-row,
.content-surface {
  border-color: var(--brand-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(252,251,254, 0.78)) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.topbar {
  background: rgba(255, 255, 255, 0.88) !important;
}

.global-topbar-actions {
  scrollbar-width: none;
}

.global-topbar-actions::-webkit-scrollbar {
  display: none;
}

.global-icon-btn,
.global-user-btn,
.global-install-btn,
.global-auth-link,
.global-header-cta {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 30px -26px rgba(94,43,152, 0.62) !important;
}

.global-icon-btn:hover,
.global-user-btn:hover,
.global-install-btn:hover,
.global-auth-link:hover,
.global-header-cta:hover {
  transform: perspective(900px) translateY(-2px) rotateX(3deg) !important;
}

.global-hero,
.global-band,
.home-course-strip,
.home-ad-slider,
.home-partners-panel {
  background:
    radial-gradient(circle at 82% 10%, rgba(129,68,181, 0.24), transparent 34%),
    radial-gradient(circle at 8% 92%, rgba(158,119,198, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248,245,252, 0.72)) !important;
}

.global-hero-with-video {
  isolation: isolate;
  min-height: clamp(34rem, 72vh, 48rem);
  background:
    linear-gradient(135deg, #FCFBFE 0%, #F7F3FB 48%, #ffffff 100%) !important;
}

.global-hero-video {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 18%, rgba(94,43,152, 0.28), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(129,68,181, 0.16), transparent 30%),
    linear-gradient(135deg, #F7F3FB 0%, #EEE6F7 48%, #FFFFFF 100%);
}

.global-hero-with-video::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(239,233,247, 0.42), transparent 34%),
    linear-gradient(90deg, rgba(252,251,254, 0.9) 0%, rgba(252,251,254, 0.74) 45%, rgba(252,251,254, 0.88) 100%);
  pointer-events: none;
}

.global-hero-with-video::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  height: 32%;
  background: linear-gradient(180deg, transparent, rgba(252,251,254, 0.98));
  pointer-events: none;
}

.global-hero-with-video .container-page {
  position: relative;
  z-index: 1;
}

.global-hero-with-video .global-showcase {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(248,245,252, 0.58)) !important;
  border-color: rgba(255, 255, 255, 0.58) !important;
  box-shadow:
    0 34px 82px -48px rgba(11,24,62, 0.68),
    inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

.global-eyebrow,
.global-section-kicker,
.global-status,
.global-chip {
  background: rgba(239,233,247, 0.88) !important;
  border-color: rgba(94,43,152, 0.22) !important;
  color: var(--brand-purple-deep) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.global-footer,
.global-side-profile,
.home-course-pill.is-featured,
.global-program-card.is-featured,
.home-ad-slider {
  background:
    linear-gradient(135deg, #050D25 0%, #4B217B 48%, #4B217B 140%) !important;
  color: #fff !important;
}

.global-side-profile,
.global-help-card {
  border-color: rgba(94,43,152, 0.2) !important;
}

.global-help-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248,245,252, 0.84)) !important;
  box-shadow: var(--glass-shadow) !important;
}

.global-user-avatar,
.global-partner-mark {
  background:
    linear-gradient(135deg, #8144B5 0%, #A56FCE 48%, #4B217B 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 18px 38px -24px rgba(94,43,152, 0.82) !important;
}

.global-brand-mark {
  background: transparent !important;
  color: #5E2B98 !important;
  box-shadow: none !important;
}

.global-footer .global-brand-mark,
.sidebar .global-brand-mark {
  color: #8144B5 !important;
}

.global-primary-btn,
.global-header-cta,
.btn-gold,
.btn-hero,
.sidebar-item.is-active,
.course-filter-submit,
.course-filter-reset,
.from-success,
.from-gold,
.from-gold-light,
.from-gold-deep,
.bg-success,
.bg-gold,
.bg-gold-deep,
.bg-gold-light {
  background:
    linear-gradient(135deg, var(--brand-blue) 0%, #4B217B 58%, #0B183E 130%) !important;
  color: #fff !important;
  border-color: rgba(94,43,152, 0.34) !important;
  box-shadow: 0 18px 42px -26px rgba(94,43,152, 0.78) !important;
}

.from-success,
.from-gold,
.from-gold-light,
.from-gold-deep,
.hover\:from-gold-deep:hover {
  --tw-gradient-from: var(--brand-blue) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(94,43,152, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-success,
.to-success\/70,
.to-success\/80,
.to-gold,
.to-gold-light,
.to-gold-deep,
.hover\:to-gold-light:hover {
  --tw-gradient-to: var(--brand-sky) var(--tw-gradient-to-position) !important;
}

.btn-hero,
.global-primary-btn,
.global-header-cta,
.global-footer-cta a {
  position: relative;
  overflow: hidden;
}

.btn-hero::after,
.global-primary-btn::after,
.global-header-cta::after,
.global-footer-cta a::after {
  content: "";
  position: absolute;
  inset-block: -60%;
  inset-inline-start: -45%;
  width: 42%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.48), transparent);
  animation: brand-sheen 4.2s ease-in-out infinite;
  pointer-events: none;
}

.global-secondary-btn,
.btn-outline,
.global-auth-link,
.global-install-btn,
.global-icon-btn,
.global-topbar-search {
  background: rgba(255, 255, 255, 0.84) !important;
  border-color: rgba(94,43,152, 0.16) !important;
  color: var(--brand-text) !important;
  box-shadow: 0 14px 34px -30px rgba(11,24,62, 0.52);
}

.global-topbar-search button {
  background: rgba(129,68,181, 0.14) !important;
  border-color: rgba(94,43,152, 0.22) !important;
  color: var(--brand-blue) !important;
}

.global-icon-btn:hover,
.global-auth-link:hover,
.global-install-btn:hover,
.global-secondary-btn:hover,
.btn-outline:hover,
.global-nav-dropdown a:hover,
.global-user-menu a:hover,
.global-user-menu button:hover,
.global-topbar-link:hover {
  background: var(--brand-purple-soft) !important;
  color: var(--brand-purple-deep) !important;
  border-color: rgba(94,43,152, 0.24) !important;
}

.text-success,
.text-green-400,
.text-green-500,
.text-emerald-400,
.text-emerald-500,
.text-teal-400,
.text-teal-500,
.text-gold,
.text-gold-deep,
.text-gold-light,
.global-link,
.global-card-icon,
.global-feature-grid svg,
.global-metric svg,
.global-trust-row svg,
.home-ad-kicker,
.home-ad-action,
.home-course-pill-icon,
.dashboard-hub-icon,
.dashboard-resource-icon {
  color: var(--brand-blue) !important;
}

.bg-success-soft,
.bg-green-50,
.bg-green-100,
.bg-green-400,
.bg-green-500,
.bg-emerald-50,
.bg-emerald-100,
.bg-emerald-400,
.bg-emerald-500,
.bg-teal-50,
.bg-teal-100,
.bg-teal-400,
.bg-teal-500,
.bg-gold-tint,
.bg-gold\/10,
.bg-gold\/15,
.bg-gold\/20,
.bg-gold\/30,
.bg-success\/10,
.bg-success\/15,
.bg-success\/20,
.bg-navy-tint,
.badge-success,
.badge-gold,
.glass-panel-gold,
.home-course-pill-kicker strong {
  background: var(--brand-purple-soft) !important;
  color: var(--brand-purple-deep) !important;
  border-color: rgba(94,43,152, 0.2) !important;
}

.home-course-pill-icon,
.global-card-icon,
.dashboard-hub-icon,
.dashboard-resource-icon {
  background: rgba(239,233,247, 0.78) !important;
  border: 1px solid rgba(94,43,152, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 14px 34px -28px rgba(94,43,152, 0.72) !important;
}

.global-metric,
.global-note,
.global-trust-row span,
.home-course-pill-meta span {
  border-color: rgba(94,43,152, 0.14) !important;
  background: rgba(255, 255, 255, 0.74) !important;
  color: var(--brand-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64);
}

.global-progress .bg-surface-alt {
  background: rgba(239,233,247, 0.92) !important;
}

.global-progress .from-gold,
.global-progress .to-success {
  background: linear-gradient(90deg, var(--brand-sky), var(--brand-blue)) !important;
}

.global-footer-section-head span,
.global-payment-card.is-wallet {
  background: rgba(129,68,181, 0.14) !important;
  border-color: rgba(129,68,181, 0.24) !important;
  color: #EEE6F7 !important;
}

.border-success,
.border-s-success,
.border-e-success,
.border-gold,
.border-gold-light,
.border-s-gold,
.border-e-gold {
  border-color: var(--brand-sky) !important;
}

.text-muted,
.section-subheading,
.global-lead,
.global-section-head p,
.global-cta p,
.global-program-card p,
.global-feature-grid p,
.home-course-pill-kicker,
.home-course-pill-meta span,
.rich-text {
  color: var(--brand-muted) !important;
}

#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
.home-course-pill-title,
.global-program-card h3,
.global-feature-grid h3,
.card h1,
.card h2,
.card h3,
.card h4,
.card .font-bold,
.card-3d .font-bold {
  color: var(--brand-ink) !important;
}

#main-content h1,
#main-content .text-h1 {
  overflow-wrap: anywhere;
}

.course-list-hero,
.course-detail-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(129,68,181, 0.24), transparent 34%),
    radial-gradient(circle at 8% 88%, rgba(158,119,198, 0.16), transparent 32%),
    linear-gradient(135deg, #050D25 0%, #4B217B 54%, #4B217B 138%) !important;
  color: #fff !important;
}

.course-list-hero::after,
.course-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: 0.32;
  pointer-events: none;
}

.course-list-hero .container-page,
.course-detail-hero .container-page {
  z-index: 1;
}

#main-content .course-list-hero h1,
#main-content .course-list-hero h2,
#main-content .course-list-hero h3,
#main-content .course-detail-hero h1,
#main-content .course-detail-hero h2,
#main-content .course-detail-hero h3,
#main-content .course-detail-hero .font-semibold,
#main-content .course-detail-hero strong,
#main-content .global-program-card.is-featured h1,
#main-content .global-program-card.is-featured h2,
#main-content .global-program-card.is-featured h3,
#main-content .global-program-card.is-featured h4,
#main-content .home-ad-slide strong {
  color: #fff !important;
  text-shadow: 0 14px 32px rgba(5,13,37, 0.38);
}

#main-content .course-list-hero p,
#main-content .course-list-hero .text-text-body,
#main-content .course-list-hero .text-muted,
#main-content .course-detail-hero p,
#main-content .course-detail-hero span,
#main-content .course-detail-hero nav,
#main-content .course-detail-hero a,
#main-content .global-program-card.is-featured p,
#main-content .global-program-card.is-featured a,
#main-content .home-ad-slide small {
  color: rgba(248,245,252, 0.9) !important;
}

#main-content .course-list-hero .badge,
#main-content .course-list-hero .badge-gold,
#main-content .course-detail-hero .badge,
#main-content .course-detail-hero .badge-gold {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 14px 32px -24px rgba(5,13,37, 0.68) !important;
}

#main-content .course-detail-hero .badge-danger,
#main-content .course-detail-hero .badge-danger * {
  background: rgba(254, 226, 226, 0.96) !important;
  border-color: rgba(248, 113, 113, 0.36) !important;
  color: #b42318 !important;
  text-shadow: none !important;
}

#main-content .course-list-hero .glass-panel {
  background: rgba(11,24,62, 0.34) !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 18px 42px -28px rgba(5,13,37, 0.72) !important;
  backdrop-filter: blur(18px) saturate(1.16);
  -webkit-backdrop-filter: blur(18px) saturate(1.16);
}

#main-content .course-list-hero .glass-panel p,
#main-content .course-list-hero .glass-panel .text-h3 {
  color: #fff !important;
  text-shadow: 0 12px 26px rgba(5,13,37, 0.34);
}

.course-detail-hero .text-gold,
.course-detail-hero .text-gold-light,
.course-list-hero .text-gold,
.course-list-hero .text-gold-light {
  color: #DDC9EE !important;
}

.course-description-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(94,43,152, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248,245,252, 0.8));
  box-shadow:
    0 30px 70px -48px rgba(11,24,62, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
  padding: clamp(1.15rem, 2.4vw, 1.75rem);
  transform: perspective(1200px) translate3d(0, 0, 0);
  transition:
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 220ms ease;
}

.course-description-panel::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, #8144B5, #5E2B98, #C49FE0);
}

.course-description-panel::after {
  content: "";
  position: absolute;
  inset: auto -8rem -10rem auto;
  width: 18rem;
  height: 18rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(129,68,181, 0.2), transparent 68%);
  pointer-events: none;
}

.course-description-panel:hover {
  border-color: rgba(94,43,152, 0.28);
  box-shadow: var(--glass-shadow-blue);
  transform: perspective(1200px) rotateX(0.8deg) translateY(-2px);
}

.course-description-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.course-description-head h2 {
  margin: 0 !important;
}

.course-description-icon {
  width: 2.75rem;
  height: 2.75rem;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 8px;
  border: 1px solid rgba(94,43,152, 0.18);
  background: rgba(239,233,247, 0.86);
  color: var(--brand-purple-deep);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 16px 34px -28px rgba(94,43,152, 0.78);
}

.course-description-panel .prose,
.course-description-panel .prose p,
.course-description-panel .prose li {
  position: relative;
  z-index: 1;
  color: var(--brand-text) !important;
  line-height: 2;
}

.course-description-panel .prose p:first-child {
  margin-top: 0;
}

.course-description-panel .prose p:last-child {
  margin-bottom: 0;
}

.dashboard-welcome-title bdi {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
  vertical-align: baseline;
}

.home-course-pill.is-featured h1,
.home-course-pill.is-featured h2,
.home-course-pill.is-featured h3,
.home-course-pill.is-featured h4,
.home-course-pill.is-featured .home-course-pill-title,
.home-course-pill.is-featured .home-course-pill-kicker,
.home-course-pill.is-featured .home-course-pill-meta span,
.global-program-card.is-featured,
.global-program-card.is-featured h3,
.global-program-card.is-featured p,
.global-side-profile,
.global-side-profile *,
.home-ad-slide,
.home-ad-slide * {
  color: #fff !important;
}

.card,
.card-3d,
.card-3d-premium,
.global-program-card,
.global-feature-grid > div,
.home-course-pill,
.course-detail-panel,
.dashboard-hub-section,
.dashboard-resource-row,
.global-partner-card,
.global-payment-card {
  transform: perspective(1200px) translate3d(0, 0, 0) !important;
  transform-style: preserve-3d;
  transition:
    transform 220ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 220ms ease,
    background 220ms ease !important;
}

.card:hover,
.card-3d:hover,
.card-3d-premium:hover,
.global-program-card:hover,
.global-feature-grid > div:hover,
.home-course-pill:hover,
.course-detail-panel:hover,
.dashboard-hub-section:hover,
.dashboard-resource-row:hover,
.global-partner-card:hover,
.global-payment-card:hover {
  border-color: rgba(94,43,152, 0.32) !important;
  box-shadow: var(--glass-shadow-blue) !important;
  transform: perspective(1200px) rotateX(1.4deg) rotateY(-1.8deg) translateY(-4px) !important;
}

html[dir="rtl"] .card:hover,
html[dir="rtl"] .card-3d:hover,
html[dir="rtl"] .card-3d-premium:hover,
html[dir="rtl"] .global-program-card:hover,
html[dir="rtl"] .global-feature-grid > div:hover,
html[dir="rtl"] .home-course-pill:hover,
html[dir="rtl"] .course-detail-panel:hover,
html[dir="rtl"] .dashboard-hub-section:hover,
html[dir="rtl"] .dashboard-resource-row:hover,
html[dir="rtl"] .global-partner-card:hover,
html[dir="rtl"] .global-payment-card:hover {
  transform: perspective(1200px) rotateX(1.4deg) rotateY(1.8deg) translateY(-4px) !important;
}

.global-showcase,
.home-ad-slider,
.home-partners-panel,
.course-filter-band {
  position: relative;
  overflow: hidden;
}

.global-showcase::after,
.home-ad-slider::before,
.home-partners-panel::after,
.course-filter-band::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, 0.3) 48%, transparent 62%);
  transform: translateX(-120%);
  animation: glass-pass 8s ease-in-out infinite;
  pointer-events: none;
}

.home-ad-slide:not(.has-uploaded-image):nth-child(1) {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
    linear-gradient(130deg, #33205C 0%, #5E2B98 58%, #8144B5 120%) !important;
}

.home-ad-slide:not(.has-uploaded-image):nth-child(2) {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
    linear-gradient(130deg, #0B183E 0%, #4B217B 55%, #C49FE0 118%) !important;
}

.home-ad-slide:not(.has-uploaded-image):nth-child(3) {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px),
    linear-gradient(130deg, #0B183E 0%, #263454 46%, #5E2B98 118%) !important;
}

.home-ad-slide.has-uploaded-image {
  background:
    linear-gradient(90deg, rgba(11,24,62, 0.84), rgba(94,43,152, 0.58)),
    linear-gradient(130deg, #33205C 0%, var(--banner-accent, #5E2B98) 70%, #C49FE0 118%),
    var(--banner-image) center / cover no-repeat !important;
}

.home-course-marquee-track {
  filter: drop-shadow(0 18px 24px rgba(11,24,62, 0.08));
}

.home-course-pill,
.global-feature-grid > div,
.global-program-card {
  animation: ui-rise 520ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.form-input,
.form-textarea,
.form-select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
select,
textarea {
  border-color: rgba(94,43,152, 0.2) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: var(--brand-ink) !important;
}

input::placeholder,
textarea::placeholder {
  color: #6b7689 !important;
  opacity: 1;
}

.prose,
.prose p,
.prose li,
.prose td {
  color: var(--brand-text) !important;
}

.prose a {
  color: var(--brand-purple-deep) !important;
  font-weight: 800;
}

.global-title {
  max-width: 14ch !important;
  font-size: 4.7rem !important;
  line-height: 1.14 !important;
  text-wrap: balance;
}

.global-hero .global-eyebrow {
  margin-bottom: 0.2rem;
}

.global-lead {
  text-wrap: pretty;
}

.global-nav-menu {
  position: relative;
  z-index: 90;
}

.global-nav-dropdown,
.global-user-menu {
  max-width: min(22rem, calc(100vw - 2rem)) !important;
  overflow: visible;
  transform-origin: top right;
}

html[dir="rtl"] .global-nav-dropdown,
html[dir="rtl"] .global-user-menu {
  transform-origin: top left;
}

.global-nav-dropdown a,
.global-user-menu a,
.global-user-menu button {
  min-height: 2.65rem;
  line-height: 1.45;
  white-space: normal;
}

.contact-hero {
  overflow: hidden;
}

.contact-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
}

.contact-title {
  max-width: 13ch !important;
}

.contact-info-card,
.contact-form,
.contact-side-card {
  border: 1px solid rgba(94,43,152, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248,245,252, 0.8));
  box-shadow: var(--glass-shadow);
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

.contact-info-card {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
}

.contact-info-icon {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--brand-blue);
  background: var(--brand-purple-soft);
  margin-bottom: 1rem;
}

.contact-info-card h2,
.contact-form-head h2,
.contact-side-card h3 {
  color: var(--brand-ink) !important;
  font-weight: 900;
}

.contact-info-card p,
.contact-form-head p,
.contact-side-card p {
  color: var(--brand-muted) !important;
  line-height: 1.85;
}

.contact-info-card a {
  display: inline-flex;
  color: var(--brand-purple-deep) !important;
  font-weight: 900;
}

.contact-info-links {
  display: grid;
  gap: .65rem;
  margin-top: 1rem;
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
  gap: clamp(1rem, 2.5vw, 1.5rem);
  align-items: start;
}

.contact-form {
  padding: clamp(1rem, 2.5vw, 1.5rem);
}

.contact-form-head {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 1.25rem;
}

.contact-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.contact-fields label {
  display: grid;
  gap: 0.4rem;
  color: var(--brand-text);
  font-weight: 800;
}

.contact-fields span {
  font-size: 0.9rem;
}

.contact-fields input,
.contact-fields select,
.contact-fields textarea {
  width: 100%;
}

.contact-message-field {
  grid-column: 1 / -1;
}

.contact-submit {
  margin-top: 1.25rem;
}

.contact-side {
  display: grid;
  gap: 1rem;
}

.contact-side-card {
  padding: 1rem;
}

.contact-side-card i {
  color: var(--brand-blue);
  margin-bottom: 0.8rem;
}

.dark {
  color-scheme: dark;
  --brand-blue: #A56FCE;
  --brand-purple-deep: #C49FE0;
  --brand-purple-soft: rgba(158,119,198, 0.16);
  --brand-sky: #8144B5;
  --brand-purple-tint: rgba(129,68,181, 0.14);
  --brand-ink: #FCFBFE;
  --brand-text: #E3D8F0;
  --brand-muted: #B4A9CB;
  --brand-line: rgba(148, 163, 184, 0.22);
  --glass-bg: rgba(11,24,62, 0.74);
  --glass-bg-strong: rgba(11,24,62, 0.9);
  --glass-line: rgba(148, 163, 184, 0.24);
  --glass-shadow: 0 30px 78px -48px rgba(0, 0, 0, 0.9);
  --glass-shadow-blue: 0 26px 68px -42px rgba(129,68,181, 0.45);
  --global-teal: #A56FCE;
  --global-mint: #8144B5;
  --global-lime: #DDC9EE;
  --global-paper: #050D25;
}

.dark body {
  background:
    radial-gradient(circle at 82% 8%, rgba(94,43,152, 0.24), transparent 34%),
    radial-gradient(circle at 8% 86%, rgba(14, 165, 233, 0.14), transparent 32%),
    linear-gradient(135deg, #070b13 0%, #050D25 48%, #0B183E 100%) !important;
  color: var(--brand-text) !important;
}

.dark #main-content {
  color: var(--brand-text) !important;
}

.dark #main-content,
.dark #main-content > section,
.dark #main-content > div,
.dark #main-content > article {
  background-color: transparent !important;
}

.dark .topbar,
.dark .global-nav-dropdown,
.dark .global-user-menu,
.dark .sidebar,
.dark .global-showcase,
.dark .global-program-card,
.dark .global-cta,
.dark .global-feature-grid > div,
.dark .home-partners-panel,
.dark .home-course-pill,
.dark .card,
.dark .card-elevated,
.dark .card-3d,
.dark .card-3d-premium,
.dark .kpi-3d,
.dark .kpi-3d-gold,
.dark .kpi-3d-navy,
.dark .course-detail-panel,
.dark .dashboard-hub-section,
.dark .dashboard-action-strip,
.dark .dashboard-resource-row,
.dark .content-surface,
.dark .course-filter-band,
.dark .course-description-panel,
.dark .global-payment-card,
.dark .global-partner-card,
.dark .global-help-card,
.dark .contact-info-card,
.dark .contact-form,
.dark .contact-side-card,
.dark .global-stat-strip div,
.dark .global-metric,
.dark .global-note {
  background:
    linear-gradient(145deg, rgba(11,24,62, 0.9), rgba(11,24,62, 0.72)) !important;
  border-color: var(--glass-line) !important;
  color: var(--brand-text) !important;
  box-shadow:
    0 26px 74px -48px rgba(0, 0, 0, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.dark .topbar {
  background:
    linear-gradient(180deg, rgba(5,13,37, 0.94), rgba(11,24,62, 0.84)) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}

.dark .global-topbar-link,
.dark .global-brand-copy strong,
.dark .global-user-btn,
.dark .global-breadcrumbs,
.dark .global-breadcrumbs a {
  color: #EEE6F7 !important;
}

.dark .global-brand-copy small,
.dark .global-breadcrumbs span {
  color: #ABA1C0 !important;
}

.dark .global-nav-dropdown a,
.dark .global-user-menu a,
.dark .global-user-menu button {
  color: #E3D8F0 !important;
}

.dark .global-nav-dropdown a:hover,
.dark .global-user-menu a:hover,
.dark .global-user-menu button:hover,
.dark .global-topbar-link:hover {
  background: rgba(158,119,198, 0.14) !important;
  color: #ffffff !important;
  border-color: rgba(158,119,198, 0.28) !important;
}

.dark .global-icon-btn,
.dark .global-user-btn,
.dark .global-install-btn,
.dark .global-auth-link,
.dark .global-secondary-btn,
.dark .btn-outline,
.dark .global-topbar-search,
.dark .global-trust-row span,
.dark .home-course-pill-meta span,
.dark .badge,
.dark .badge-gold,
.dark .global-eyebrow,
.dark .global-section-kicker,
.dark .global-status,
.dark .global-chip {
  background: rgba(11,24,62, 0.72) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #EEE6F7 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 16px 42px -34px rgba(0, 0, 0, 0.9) !important;
}

.dark .global-icon-btn:hover,
.dark .global-auth-link:hover,
.dark .global-install-btn:hover,
.dark .global-secondary-btn:hover,
.dark .btn-outline:hover {
  background: rgba(158,119,198, 0.18) !important;
  color: #ffffff !important;
  border-color: rgba(158,119,198, 0.34) !important;
}

.dark .global-primary-btn,
.dark .global-header-cta,
.dark .btn-gold,
.dark .btn-hero,
.dark .course-filter-submit,
.dark .course-filter-reset,
.dark .sidebar-item.is-active {
  background:
    linear-gradient(135deg, #5E2B98 0%, #4B217B 58%, #0B183E 130%) !important;
  color: #ffffff !important;
  border-color: rgba(158,119,198, 0.42) !important;
  box-shadow: 0 22px 56px -32px rgba(94,43,152, 0.86) !important;
}

.dark .global-hero,
.dark .global-band,
.dark .home-course-strip,
.dark .home-ad-slider,
.dark .home-partners-panel {
  background:
    radial-gradient(circle at 78% 12%, rgba(94,43,152, 0.24), transparent 36%),
    radial-gradient(circle at 12% 88%, rgba(129,68,181, 0.12), transparent 32%),
    linear-gradient(135deg, rgba(5,13,37, 0.98), rgba(11,24,62, 0.9)) !important;
}

.dark .global-hero-with-video {
  background:
    linear-gradient(135deg, #070b13 0%, #050D25 48%, #0B183E 100%) !important;
}

.dark .global-hero-video {
  background:
    radial-gradient(circle at 78% 18%, rgba(129,68,181, 0.3), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(129,68,181, 0.12), transparent 30%),
    linear-gradient(135deg, #050D25 0%, #0B183E 52%, #0B183E 100%);
}

.dark .global-hero-with-video::before {
  background:
    radial-gradient(circle at 78% 20%, rgba(94,43,152, 0.24), transparent 35%),
    linear-gradient(90deg, rgba(5,13,37, 0.92) 0%, rgba(11, 18, 32, 0.78) 46%, rgba(5,13,37, 0.94) 100%) !important;
}

.dark .global-hero-with-video::after {
  background: linear-gradient(180deg, transparent, rgba(5,13,37, 0.98)) !important;
}

.dark .global-hero-with-video .global-showcase {
  background:
    linear-gradient(145deg, rgba(11,24,62, 0.82), rgba(11,24,62, 0.6)) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

.dark #main-content h1,
.dark #main-content h2,
.dark #main-content h3,
.dark #main-content h4,
.dark #main-content h5,
.dark #main-content h6,
.dark .global-title,
.dark .global-section-head h2,
.dark .global-cta h2,
.dark .global-program-card h3,
.dark .global-feature-grid h3,
.dark .global-metric span,
.dark .contact-info-card h2,
.dark .contact-form-head h2,
.dark .contact-side-card h3,
.dark .home-course-pill-title,
.dark .card h1,
.dark .card h2,
.dark .card h3,
.dark .card h4,
.dark .card .font-bold,
.dark .card-3d .font-bold,
.dark .kpi-3d-value,
.dark .kpi-3d .kpi-3d-value,
.dark .kpi-3d-gold .kpi-3d-value,
.dark .kpi-3d-navy .kpi-3d-value,
.dark .text-navy,
.dark .text-navy-deep,
.dark .text-navy-soft,
.dark .text-h1,
.dark .text-h2,
.dark .text-h3,
.dark .text-display {
  color: #FCFBFE !important;
}

.dark #main-content .card-3d > .text-white,
.dark #main-content .card-3d > .text-white\/80,
.dark #main-content .kpi-3d .text-white,
.dark #main-content .kpi-3d .text-white\/80,
.dark #main-content .kpi-3d .text-white\/70,
.dark #main-content .kpi-3d .text-white\/60 {
  color: #FCFBFE !important;
}

.dark .text-muted,
.dark .section-subheading,
.dark .global-lead,
.dark .global-section-head p,
.dark .global-cta p,
.dark .global-program-card p,
.dark .global-feature-grid p,
.dark .global-metric small,
.dark .global-stat-strip p,
.dark .contact-info-card p,
.dark .contact-form-head p,
.dark .contact-side-card p,
.dark .kpi-3d p,
.dark .kpi-3d .text-muted,
.dark .kpi-3d-gold p,
.dark .kpi-3d-gold .text-muted,
.dark .kpi-3d-navy p,
.dark .kpi-3d-navy .text-muted,
.dark .kpi-3d-value span,
.dark .home-course-pill-kicker,
.dark .rich-text,
.dark .text-text-body,
.dark .text-slate-500,
.dark .text-slate-600,
.dark .text-gray-500,
.dark .text-gray-600 {
  color: var(--brand-muted) !important;
}

.dark .prose,
.dark .prose p,
.dark .prose li,
.dark .prose td,
.dark .course-description-panel .prose,
.dark .course-description-panel .prose p,
.dark .course-description-panel .prose li {
  color: #E3D8F0 !important;
}

.dark .prose strong,
.dark .prose b {
  color: #ffffff !important;
}

.dark .prose a,
.dark .global-link,
.dark .text-success,
.dark .text-green-400,
.dark .text-green-500,
.dark .text-emerald-400,
.dark .text-emerald-500,
.dark .text-teal-400,
.dark .text-teal-500,
.dark .text-gold,
.dark .text-gold-deep,
.dark .text-gold-light,
.dark .global-card-icon,
.dark .global-feature-grid svg,
.dark .global-metric svg,
.dark .global-trust-row svg,
.dark .contact-info-card a,
.dark .contact-side-card i,
.dark .home-ad-kicker,
.dark .home-ad-action,
.dark .home-course-pill-icon,
.dark .dashboard-hub-icon,
.dark .dashboard-resource-icon {
  color: #C49FE0 !important;
}

.dark .bg-white,
.dark .bg-surface,
.dark .bg-surface-alt,
.dark .bg-default,
.dark .bg-navy-tint,
.dark .bg-gold-tint,
.dark .bg-success-soft,
.dark .bg-green-50,
.dark .bg-green-100,
.dark .bg-emerald-50,
.dark .bg-emerald-100,
.dark .bg-teal-50,
.dark .bg-teal-100,
.dark .bg-gold\/10,
.dark .bg-gold\/15,
.dark .bg-gold\/20,
.dark .bg-gold\/30,
.dark .bg-success\/10,
.dark .bg-success\/15,
.dark .bg-success\/20,
.dark .badge-success,
.dark .badge-gold,
.dark .glass-panel-gold,
.dark .home-course-pill-kicker strong {
  background: rgba(30, 41, 59, 0.78) !important;
  color: #EEE6F7 !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
}

.dark .home-course-pill-icon,
.dark .global-card-icon,
.dark .dashboard-hub-icon,
.dark .dashboard-resource-icon,
.dark .course-description-icon,
.dark .contact-info-icon,
.dark .kpi-3d .size-12,
.dark .kpi-3d-gold .size-12,
.dark .kpi-3d-navy .size-12,
.dark .size-12.rounded-md,
.dark .size-11.rounded-md {
  background: rgba(158,119,198, 0.14) !important;
  border-color: rgba(158,119,198, 0.24) !important;
  color: #C49FE0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 18px 42px -34px rgba(94,43,152, 0.74) !important;
}

.dark .global-brand-mark {
  background: transparent !important;
  color: #C49FE0 !important;
}

.dark .global-user-avatar,
.dark .global-partner-mark {
  background:
    linear-gradient(135deg, #C49FE0 0%, #8144B5 48%, #5E2B98 100%) !important;
  color: #06121f !important;
}

.dark .global-footer,
.dark .global-side-profile,
.dark .home-course-pill.is-featured,
.dark .global-program-card.is-featured,
.dark .home-ad-slider {
  background:
    linear-gradient(135deg, #050816 0%, #050D25 48%, #4B217B 130%) !important;
  color: #ffffff !important;
}

.dark .global-side-profile *,
.dark .home-course-pill.is-featured *,
.dark .global-program-card.is-featured *,
.dark .home-ad-slide,
.dark .home-ad-slide *,
.dark .course-list-hero *,
.dark .course-detail-hero * {
  color: #ffffff !important;
}

.dark .home-ad-kicker,
.dark .home-ad-action,
.dark .course-detail-hero .text-gold,
.dark .course-detail-hero .text-gold-light,
.dark .course-list-hero .text-gold,
.dark .course-list-hero .text-gold-light {
  color: #DDC9EE !important;
}

.dark .course-list-hero,
.dark .course-detail-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(129,68,181, 0.26), transparent 34%),
    radial-gradient(circle at 8% 88%, rgba(14, 165, 233, 0.16), transparent 32%),
    linear-gradient(135deg, #050816 0%, #050D25 56%, #4B217B 138%) !important;
}

.dark #main-content .course-detail-hero .badge-danger,
.dark #main-content .course-detail-hero .badge-danger * {
  background: rgba(254, 226, 226, 0.96) !important;
  border-color: rgba(248, 113, 113, 0.42) !important;
  color: #991b1b !important;
}

.dark .course-description-panel::before {
  background: linear-gradient(90deg, #8144B5, #A56FCE, #4B217B);
}

.dark .course-description-panel::after {
  background: radial-gradient(circle, rgba(129,68,181, 0.18), transparent 68%);
}

.dark .form-label,
.dark label,
.dark legend {
  color: #EEE6F7 !important;
}

.dark .form-input,
.dark .form-textarea,
.dark .form-select,
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="search"],
.dark input[type="number"],
.dark input[type="url"],
.dark input[type="tel"],
.dark input[type="date"],
.dark input[type="time"],
.dark select,
.dark textarea {
  background-color: rgba(11,24,62, 0.9) !important;
  border-color: rgba(148, 163, 184, 0.38) !important;
  color: #FCFBFE !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 1px 0 rgba(255, 255, 255, 0.02) !important;
}

.dark .form-input:focus,
.dark .form-textarea:focus,
.dark .form-select:focus,
.dark input[type="text"]:focus,
.dark input[type="email"]:focus,
.dark input[type="password"]:focus,
.dark input[type="search"]:focus,
.dark input[type="number"]:focus,
.dark input[type="url"]:focus,
.dark input[type="tel"]:focus,
.dark input[type="date"]:focus,
.dark input[type="time"]:focus,
.dark select:focus,
.dark textarea:focus {
  border-color: #A56FCE !important;
  box-shadow:
    0 0 0 3px rgba(158,119,198, 0.22),
    0 18px 44px -36px rgba(94,43,152, 0.76) !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
  color: rgba(203, 213, 225, 0.66) !important;
}

.dark input[type="checkbox"],
.dark input[type="radio"] {
  background-color: rgba(11,24,62, 0.9) !important;
  border-color: rgba(148, 163, 184, 0.5) !important;
}

.dark input[type="checkbox"]:checked,
.dark input[type="radio"]:checked {
  background-color: #8144B5 !important;
  border-color: #A56FCE !important;
}

.dark table,
.dark thead,
.dark tbody,
.dark tr,
.dark td,
.dark th,
.dark .data-table {
  border-color: rgba(148, 163, 184, 0.18) !important;
  color: #E3D8F0 !important;
}

.dark .data-table tr:hover td,
.dark tbody tr:hover {
  background: rgba(158,119,198, 0.08) !important;
}

.dark .border-default,
.dark .border-navy,
.dark .border-gold,
.dark .border-gold-light,
.dark .border-success {
  border-color: rgba(148, 163, 184, 0.22) !important;
}

.dark .divide-default > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(148, 163, 184, 0.18) !important;
}

.dark .global-progress .bg-surface-alt,
.dark .h-2.bg-surface-alt {
  background: rgba(30, 41, 59, 0.9) !important;
}

.dark .global-progress .from-gold,
.dark .global-progress .to-success {
  background: linear-gradient(90deg, #8144B5, #A56FCE) !important;
}

.dark ::selection {
  background: rgba(158,119,198, 0.42);
  color: #ffffff;
}

@keyframes ui-rise {
  from {
    opacity: 0;
    transform: perspective(1000px) translateY(14px) rotateX(-2deg);
  }
  to {
    opacity: 1;
    transform: perspective(1000px) translateY(0) rotateX(0);
  }
}

@keyframes brand-sheen {
  0%,
  58% {
    transform: translateX(-160%) rotate(18deg);
  }
  78%,
  100% {
    transform: translateX(420%) rotate(18deg);
  }
}

@keyframes glass-pass {
  0%,
  62% {
    transform: translateX(-120%);
  }
  82%,
  100% {
    transform: translateX(120%);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

}

@media (max-width: 1024px) {
  .global-title {
    font-size: 3.65rem !important;
    line-height: 1.16 !important;
  }

  .contact-hero-grid,
  .contact-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .global-topbar {
    align-content: flex-start !important;
    gap: 0.55rem !important;
    height: auto !important;
    min-height: 10rem !important;
    padding: 0.65rem 0.75rem !important;
  }

  .global-topbar-inner,
  .global-topbar-actions {
    width: 100%;
  }

  .global-topbar-inner {
    justify-content: space-between;
  }

  .global-topbar-actions {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.42rem !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  .global-topbar-search {
    grid-column: 1 / -1;
    order: 0 !important;
    width: 100% !important;
    flex-basis: auto !important;
  }

  .global-icon-btn,
  .global-user-btn {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center;
  }

  .global-user-btn {
    padding-inline: 0.25rem !important;
  }

  #main-content {
    padding-inline: 1rem;
  }

  #main-content .text-h1 {
    font-size: 2.25rem !important;
    line-height: 1.22 !important;
  }

  .global-title {
    font-size: 2.55rem !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
  }

  .contact-fields {
    grid-template-columns: 1fr;
  }

  .dashboard-welcome-title {
    display: grid;
    gap: 0.28rem;
  }

  .dashboard-welcome-title bdi {
    font-size: 1.42rem;
    line-height: 1.25;
  }
}

/* Computer qualification programs need their hero titles to stay readable
   after the global heading color rules run. */
#main-content .computer-program-hero,
#main-content .computer-program-hero h1,
#main-content .computer-program-hero h2,
#main-content .computer-program-hero h3,
#main-content .computer-program-hero .computer-hero-title,
#main-content .computer-program-hero .text-display,
#main-content .computer-program-hero .font-black {
  color: #ffffff !important;
}

#main-content .computer-program-hero .computer-hero-title {
  text-shadow: 0 18px 38px rgba(5,13,37, 0.42);
}