.lumina-admissions {
  padding: 80px 20px;
  background: #f6f9fc;
  color: #10293b;
}

.lumina-admissions-wrap {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-template-areas: "main side";
  gap: 46px;
  align-items: stretch;
  direction: ltr;
}

.lumina-admissions-main {
  grid-area: main;
  direction: rtl;
  text-align: center;
}

.lumina-why-panel {
  grid-area: side;
  direction: rtl;
}

.lumina-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #c7953d;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 14px;
}

.lumina-section-kicker::before,
.lumina-section-kicker::after {
  content: "";
  width: 48px;
  height: 1px;
  background: #c7953d;
}

.lumina-section-title {
  margin: 0 0 18px;
  font-size: 46px;
  line-height: 1.2;
  font-weight: 800;
  color: #10293b;
}

.lumina-section-intro {
  margin: 0 auto 36px;
  max-width: 650px;
  font-size: 20px;
  line-height: 1.9;
  color: #4f5d68;
}

.lumina-country-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.lumina-country-card {
  position: relative;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(16,41,59,.10);
}

.lumina-country-img img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
}

.lumina-country-flag {
  position: absolute;
  top: 180px;
  right: 50%;
  transform: translateX(50%);
  width: 66px;
  height: 66px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 10px 25px rgba(16,41,59,.18);
}

.lumina-country-body {
  padding: 48px 28px 30px;
}

.lumina-country-body h3 {
  margin: 0 0 16px;
  font-size: 30px;
  font-weight: 800;
  color: #10293b;
}

.lumina-country-body p {
  margin: 0 0 28px;
  font-size: 16px;
  line-height: 1.85;
  color: #5b6874;
}

.lumina-country-body a {
  color: #c7953d;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
}

.lumina-more-link {
  margin-top: 30px;
}

.lumina-more-link a {
  color: #10293b;
  font-size: 19px;
  text-decoration: none;
  border-bottom: 1px solid #10293b;
  padding-bottom: 4px;
}

.lumina-why-panel {
  background: #10293b;
  color: #fff;
  border-radius: 18px;
  padding: 44px 34px;
  box-shadow: 0 22px 55px rgba(16,41,59,.24);
}

.lumina-why-top-icon {
  width: 78px;
  height: 78px;
  border: 1px solid #c7953d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  color: #c7953d;
  font-size: 30px;
}

.lumina-why-panel h3 {
  margin: 0 0 34px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
}

.lumina-why-panel h3::after {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  background: #c7953d;
  margin: 18px auto 0;
}

.lumina-why-item {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  align-items: start;
  padding: 22px 0;
  border-top: 1px solid rgba(255,255,255,.14);
}

.lumina-why-icon {
  width: 48px;
  height: 48px;
  border: 1px solid #c7953d;
  border-radius: 50%;
  color: #c7953d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.lumina-why-item strong {
  display: block;
  color: #fff;
  font-size: 19px;
  margin-bottom: 8px;
}

.lumina-why-item p {
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.8;
}

@media (max-width: 1100px) {
  .lumina-admissions-wrap {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "side";
  }

  .lumina-why-panel {
    max-width: 720px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .lumina-section-title {
    font-size: 34px;
  }

  .lumina-country-grid {
    grid-template-columns: 1fr;
  }

  .lumina-country-img img {
    height: 230px;
  }

  .lumina-country-flag {
    top: 200px;
  }
}


/* ===== Lumina Why Panel Compact Adjustment ===== */

.lumina-why-panel {
  padding: 32px 28px;
  border-radius: 18px;
}

.lumina-why-top-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 20px;
  font-size: 24px;
}

.lumina-why-panel h3 {
  margin: 0 0 24px;
  font-size: 26px;
}

.lumina-why-panel h3::after {
  margin: 14px auto 0;
}

.lumina-why-item {
  grid-template-columns: 44px 1fr;
  gap: 14px;
  padding: 16px 0;
}

.lumina-why-icon {
  width: 40px;
  height: 40px;
  font-size: 16px;
}

.lumina-why-item strong {
  font-size: 17px;
  margin-bottom: 5px;
}

.lumina-why-item p {
  font-size: 14px;
  line-height: 1.65;
}



/* =========================
   Lumina Contact Section
========================= */

.lumina-contact {
  background: #f7f9fb;
  padding: 70px 20px 40px;
  color: #10293b;
  direction: rtl;
}

.lumina-contact-wrap {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 48px;
  align-items: stretch;
}

.lumina-contact-info {
  display: grid;
  grid-template-columns: 310px 1fr;
  gap: 38px;
  align-items: center;
}

.lumina-contact-photo {
  height: 720px;
  border-radius: 0 38px 38px 0;
  overflow: hidden;
  position: relative;
}

.lumina-contact-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.lumina-contact-content {
  text-align: center;
}

.lumina-contact .lumina-section-title {
  font-size: 46px;
  margin-bottom: 18px;
}

.lumina-contact .lumina-section-intro {
  max-width: 520px;
  margin: 0 auto 44px;
  font-size: 17px;
  line-height: 2;
}

.lumina-contact-list {
  max-width: 500px;
  margin: 0 auto 34px;
}

.lumina-contact-item {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 18px;
  align-items: center;
  text-align: right;
  padding: 20px 0;
  border-bottom: 1px solid rgba(16, 41, 59, 0.12);
}

.lumina-contact-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #10293b;
  color: #d4a24c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 12px 26px rgba(16, 41, 59, 0.18);
}

.lumina-contact-item h3 {
  margin: 0 0 5px;
  color: #10293b;
  font-size: 19px;
  font-weight: 800;
}

.lumina-contact-item p {
  margin: 0;
  color: #4f5d68;
  font-size: 15px;
}

.lumina-contact-trust {
  max-width: 520px;
  margin: 0 auto;
  background: #10293b;
  border-radius: 16px;
  padding: 24px 28px;
  color: #fff;
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 20px;
  align-items: center;
  text-align: right;
  box-shadow: 0 22px 45px rgba(16, 41, 59, 0.18);
}

.lumina-trust-icon {
  width: 62px;
  height: 62px;
  border: 2px solid #d4a24c;
  color: #d4a24c;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

.lumina-contact-trust h3 {
  margin: 0 0 6px;
  color: #d4a24c;
  font-size: 19px;
  font-weight: 800;
}

.lumina-contact-trust p {
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 15px;
  line-height: 1.8;
}

.lumina-contact-form {
  background: #fff;
  border-radius: 26px;
  padding: 48px 44px;
  box-shadow: 0 22px 55px rgba(16, 41, 59, 0.10);
}

.lumina-form-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(212, 162, 76, 0.13);
  color: #d4a24c;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 26px;
}

.lumina-contact-form h2 {
  text-align: center;
  color: #10293b;
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 30px;
}

.lumina-contact-form h2::after {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  background: #d4a24c;
  margin: 14px auto 0;
}

.lumina-form-shortcode {
  direction: ltr;
  text-align: left;
}

.lumina-contact-note {
  max-width: 1320px;
  margin: 28px auto 0;
  text-align: center;
  color: #4f5d68;
  font-size: 15px;
}

/* Convert Forms تحسينات خفيفة */
.lumina-contact-form input,
.lumina-contact-form textarea {
  border-radius: 7px !important;
  border: 1px solid #d9e1e8 !important;
  min-height: 46px;
}

.lumina-contact-form textarea {
  min-height: 190px;
}

.lumina-contact-form button,
.lumina-contact-form .btn {
  background: #10293b !important;
  border-color: #10293b !important;
  color: #fff !important;
  border-radius: 7px !important;
  padding: 12px 28px !important;
}

/* Responsive */
@media (max-width: 1100px) {
  .lumina-contact-wrap {
    grid-template-columns: 1fr;
  }

  .lumina-contact-form {
    order: 2;
  }

  .lumina-contact-info {
    order: 1;
  }
}

@media (max-width: 768px) {
  .lumina-contact {
    padding: 48px 14px 30px;
  }

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

  .lumina-contact-photo {
    height: 380px;
    border-radius: 24px;
  }

  .lumina-contact .lumina-section-title {
    font-size: 34px;
  }

  .lumina-contact-item {
    grid-template-columns: 52px 1fr;
    gap: 14px;
  }

  .lumina-contact-icon {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }

  .lumina-contact-trust {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .lumina-trust-icon {
    margin: 0 auto;
  }

  .lumina-contact-form {
    padding: 34px 22px;
  }
}

/* Trust box overlap like mockup */
.lumina-contact-info {
  position: relative;
}

.lumina-contact-trust {
  position: relative;
  z-index: 5;
  margin-top: 30px;
  margin-inline-start: -120px;
  max-width: 560px;
}

.lumina-contact-photo {
  position: relative;
  z-index: 1;
}

@media (max-width: 1100px) {
  .lumina-contact-trust {
    margin-inline-start: 0;
  }
}


.lumina-ltr-number {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

@media (max-width: 575px) {

  html,
  body {
    overflow-x: hidden;
  }

  .lumina-contact {
    padding: 36px 10px 28px;
    overflow-x: hidden;
  }

  .lumina-contact-wrap,
  .lumina-contact-info,
  .lumina-contact-content,
  .lumina-contact-form,
  .lumina-contact-list,
  .lumina-contact-trust {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .lumina-contact-photo {
    width: 100%;
    max-width: 100%;
    height: 360px;
    overflow: hidden;
  }

  .lumina-contact .lumina-section-title {
    font-size: 30px !important;
    line-height: 1.25;
    overflow-wrap: break-word;
  }

  .lumina-contact .lumina-section-intro {
    font-size: 15px;
    line-height: 1.9;
    padding: 0 6px;
  }

  .lumina-contact-item {
    grid-template-columns: 46px 1fr;
    gap: 12px;
    padding: 16px 0;
  }

  .lumina-contact-form {
    padding: 30px 14px !important;
    border-radius: 20px;
  }

  .lumina-contact-form h2 {
    font-size: 28px !important;
    line-height: 1.25;
  }

  .lumina-form-shortcode,
  .lumina-form-shortcode form,
  .lumina-form-shortcode .convertforms,
  .lumina-form-shortcode .cf,
  .lumina-contact-form input,
  .lumina-contact-form textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .lumina-form-shortcode iframe,
  .lumina-form-shortcode .g-recaptcha,
  .lumina-form-shortcode [class*="recaptcha"] {
    max-width: 100% !important;
    transform: scale(0.88);
    transform-origin: right top;
  }

  .lumina-contact-note {
    max-width: 100%;
    padding: 0 12px;
  }
}


.mod_showplus,
.mod_showplus .showplus,
.mod_showplus .showplus-slideshow,
.mod_showplus img {
  max-width: 100% !important;
}

.mod_showplus img {
  height: auto !important;
  object-fit: cover;
}

@media (max-width: 768px) {
  .mod_showplus,
  .mod_showplus .showplus,
  .mod_showplus .showplus-slideshow {
    width: 100% !important;
    max-width: 100% !important;
  }

  .mod_showplus img {
    width: 100% !important;
    height: auto !important;
  }
}

.lumina-mvp {
  --lumina-navy: #061522;
  --lumina-navy-soft: #0b2237;
  --lumina-blue: #1677d2;
  --lumina-blue-light: #72bfff;
  --lumina-gold: #d8b56a;
  --lumina-white: #ffffff;
  --lumina-text: #17212b;
  --lumina-muted: #667383;
  --lumina-border: #dfe7ef;
  --lumina-surface: #f5f8fb;
  --lumina-radius-lg: 28px;
  --lumina-radius-md: 18px;
  --lumina-shadow: 0 18px 50px rgba(7, 29, 49, 0.12);

  background: var(--lumina-white);
  color: var(--lumina-text);
  font-family: inherit;
  line-height: 1.75;
  overflow: hidden;
}

.lumina-mvp *,
.lumina-mvp *::before,
.lumina-mvp *::after {
  box-sizing: border-box;
}

.lumina-mvp h1,
.lumina-mvp h2,
.lumina-mvp h3,
.lumina-mvp p {
  margin-top: 0;
}

.lumina-mvp__hero {
  position: relative;
  isolation: isolate;
  min-height: 640px;
  padding: clamp(72px, 9vw, 126px) 24px 64px;
  background:
    radial-gradient(circle at 18% 18%, rgba(22, 119, 210, 0.32), transparent 34%),
    radial-gradient(circle at 82% 72%, rgba(216, 181, 106, 0.14), transparent 28%),
    linear-gradient(135deg, #040d15 0%, var(--lumina-navy) 48%, #0a2945 100%);
  color: var(--lumina-white);
}

.lumina-mvp__hero::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  opacity: 0.3;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

.lumina-mvp__hero-content,
.lumina-mvp__stats,
.lumina-mvp__body {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.lumina-mvp__hero-content {
  max-width: 880px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  text-align: center;
}

.lumina-mvp__eyebrow,
.lumina-section__kicker {
  margin-bottom: 12px;
  color: var(--lumina-gold);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.lumina-mvp__hero h1 {
  max-width: 900px;
  margin-inline: auto;
  margin-bottom: 22px;
  font-size: clamp(2.2rem, 5vw, 4.7rem);
  font-weight: 750;
  line-height: 1.14;
  letter-spacing: -0.035em;
}

.lumina-mvp__lead {
  max-width: 760px;
  margin-inline: auto;
  margin-bottom: 32px;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(1rem, 1.8vw, 1.22rem);
}

.lumina-mvp__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.lumina-btn {
  display: inline-flex;
  min-height: 52px;
  padding: 12px 24px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none !important;
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.lumina-btn:hover,
.lumina-btn:focus-visible {
  transform: translateY(-2px);
}

.lumina-btn--primary {
  background: linear-gradient(135deg, #238ee8, var(--lumina-blue));
  box-shadow: 0 12px 28px rgba(22, 119, 210, 0.28);
  color: var(--lumina-white) !important;
}

.lumina-btn--ghost {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.06);
  color: var(--lumina-white) !important;
}

.lumina-mvp__stats {
  display: grid;
  margin-top: clamp(58px, 8vw, 96px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--lumina-radius-md);
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
}

.lumina-stat {
  padding: 24px 16px;
  text-align: center;
}

.lumina-stat + .lumina-stat {
  border-inline-start: 1px solid rgba(255, 255, 255, 0.12);
}

.lumina-stat strong,
.lumina-stat span {
  display: block;
}

.lumina-stat strong {
  margin-bottom: 2px;
  color: var(--lumina-blue-light);
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1.1;
}

.lumina-stat span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.92rem;
}

.lumina-mvp__body {
  padding-inline: 24px;
}

.lumina-section {
  padding-block: clamp(72px, 9vw, 112px);
}

.lumina-section__heading {
  max-width: 760px;
  margin: 0 auto 42px;
  text-align: center;
}

.lumina-section__heading h2,
.lumina-final-cta h2 {
  margin-bottom: 14px;
  color: var(--lumina-navy);
  font-size: clamp(1.8rem, 3.4vw, 3rem);
  line-height: 1.25;
}

.lumina-section__heading > p:last-child,
.lumina-final-cta > div > p:last-child {
  margin-bottom: 0;
  color: var(--lumina-muted);
}

.lumina-city-grid,
.lumina-payment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.lumina-city-card {
  display: grid;
  min-height: 290px;
  padding: clamp(28px, 4vw, 46px);
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 28px;
  border: 1px solid var(--lumina-border);
  border-radius: var(--lumina-radius-lg);
  box-shadow: var(--lumina-shadow);
  background: var(--lumina-white);
}

.lumina-city-card__number {
  display: grid;
  width: 84px;
  height: 84px;
  place-items: center;
  border-radius: 50%;
  background: var(--lumina-navy);
  color: var(--lumina-white);
  font-size: 1.8rem;
  font-weight: 800;
}

.lumina-city-card__label {
  margin-bottom: 8px;
  color: var(--lumina-blue);
  font-size: 0.82rem;
  font-weight: 700;
}

.lumina-city-card h3,
.lumina-field-card h3,
.lumina-payment-card h3 {
  margin-bottom: 10px;
  color: var(--lumina-navy);
  font-size: 1.35rem;
}

.lumina-city-card p:last-child,
.lumina-field-card p,
.lumina-payment-card p:last-child {
  margin-bottom: 0;
  color: var(--lumina-muted);
}

.lumina-section--soft {
  position: relative;
}

.lumina-section--soft::before {
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  content: "";
  background: var(--lumina-surface);
}

.lumina-field-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.lumina-field-card {
  min-height: 245px;
  padding: 26px;
  border: 1px solid var(--lumina-border);
  border-radius: var(--lumina-radius-md);
  background: var(--lumina-white);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.lumina-field-card:hover {
  transform: translateY(-4px);
  border-color: rgba(22, 119, 210, 0.35);
  box-shadow: var(--lumina-shadow);
}

.lumina-field-card > span {
  display: block;
  margin-bottom: 28px;
  color: var(--lumina-gold);
  font-size: 0.83rem;
  font-weight: 800;
}

.lumina-university-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.lumina-university-list span {
  padding: 11px 18px;
  border: 1px solid var(--lumina-border);
  border-radius: 999px;
  background: var(--lumina-white);
  color: #344252;
  font-size: 0.9rem;
  font-weight: 650;
}

.lumina-section--dark {
  position: relative;
  margin-block: 12px;
  padding-inline: clamp(24px, 5vw, 64px);
  border-radius: var(--lumina-radius-lg);
  background:
    radial-gradient(circle at 15% 20%, rgba(22, 119, 210, 0.24), transparent 32%),
    linear-gradient(135deg, var(--lumina-navy), var(--lumina-navy-soft));
  color: var(--lumina-white);
}

.lumina-section__heading--light h2 {
  color: var(--lumina-white);
}

.lumina-section__heading--light > p:last-child {
  color: rgba(255, 255, 255, 0.68);
}

.lumina-payment-card {
  padding: clamp(28px, 4vw, 42px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--lumina-radius-md);
  background: rgba(255, 255, 255, 0.065);
}

.lumina-payment-card--accent {
  border-color: rgba(216, 181, 106, 0.38);
  background: rgba(216, 181, 106, 0.1);
}

.lumina-payment-card__tag {
  margin-bottom: 8px;
  color: var(--lumina-gold);
  font-size: 0.8rem;
  font-weight: 800;
}

.lumina-payment-card h3 {
  color: var(--lumina-white);
}

.lumina-payment-card p:last-child {
  color: rgba(255, 255, 255, 0.7);
}

.lumina-process {
  display: grid;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  list-style: none;
  counter-reset: lumina-step;
}

.lumina-process li {
  min-height: 210px;
  padding: 26px;
  border-top: 3px solid var(--lumina-blue);
  border-radius: 0 0 var(--lumina-radius-md) var(--lumina-radius-md);
  background: var(--lumina-surface);
  counter-increment: lumina-step;
}

.lumina-process li::before {
  display: block;
  margin-bottom: 30px;
  content: "0" counter(lumina-step);
  color: var(--lumina-blue);
  font-weight: 800;
}

.lumina-process strong,
.lumina-process span {
  display: block;
}

.lumina-process strong {
  margin-bottom: 8px;
  color: var(--lumina-navy);
  font-size: 1.08rem;
}

.lumina-process span {
  color: var(--lumina-muted);
  font-size: 0.92rem;
}

.lumina-final-cta {
  display: flex;
  margin-bottom: 26px;
  padding: clamp(32px, 5vw, 56px);
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border: 1px solid rgba(22, 119, 210, 0.18);
  border-radius: var(--lumina-radius-lg);
  background: linear-gradient(135deg, #edf6ff, #f8fbfe);
}

.lumina-final-cta > div {
  max-width: 760px;
}

.lumina-mvp__notice {
  max-width: 920px;
  margin: 0 auto 54px;
  color: #74808d;
  font-size: 0.79rem;
  text-align: center;
}

@media (max-width: 992px) {
  .lumina-field-grid,
  .lumina-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lumina-city-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .lumina-mvp__hero {
    min-height: auto;
    padding-top: 68px;
  }

  .lumina-mvp__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lumina-stat:nth-child(3) {
    border-inline-start: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .lumina-stat:nth-child(4) {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .lumina-city-grid,
  .lumina-payment-grid,
  .lumina-field-grid,
  .lumina-process {
    grid-template-columns: 1fr;
  }

  .lumina-field-card,
  .lumina-process li {
    min-height: 0;
  }

  .lumina-final-cta {
    align-items: stretch;
    flex-direction: column;
    text-align: center;
  }

  .lumina-final-cta .lumina-btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-btn,
  .lumina-field-card {
    transition: none;
  }
}


/* Turkey landing page — override JA Purity IV article split */
.lumina-turkey-page .top-article-info > .row.v-gutters > .col-12.col-xl-6 {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.lumina-turkey-page .lumina-mvp__hero h1 {
  color: #ffffff;
}

/* ========================================
   Lumina Home — 00 Results Notice
======================================== */

.lumina-results-notice {
  position: relative;
  z-index: 5;
  border-bottom: 1px solid rgba(216, 181, 106, .22);
  background:
    linear-gradient(90deg, #0a1e30 0%, #102f49 52%, #0a1e30 100%);
  color: #dbe8f1;
}

.lumina-results-notice__inner {
  min-height: 50px;
  padding-block: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.lumina-results-notice p {
  margin: 0;
  font-size: .9rem;
  line-height: 1.7;
  text-align: center;
}

.lumina-results-notice a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #e2c276;
  font-size: .86rem;
  font-weight: 750;
  white-space: nowrap;
  text-decoration: none !important;
  transition: color .2s ease, transform .2s ease;
}

.lumina-results-notice a:hover,
.lumina-results-notice a:focus-visible {
  color: #ffffff;
  transform: translateX(-3px);
}

@media (max-width: 720px) {
  .lumina-results-notice__inner {
    padding-block: 10px;
    flex-direction: column;
    gap: 3px;
  }

  .lumina-results-notice p {
    font-size: .82rem;
    line-height: 1.6;
  }
}

/* ========================================
   Lumina Home — 01 Hero
======================================== */

.lumina-home-hero {
  min-height: 590px;
  padding: clamp(70px, 7vw, 100px) 24px;
  display: flex;
  align-items: center;
}

.lumina-home-hero__grid {
  width: min(1180px, 100%);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(360px, .94fr);
  grid-template-areas: "content visual";
  gap: clamp(48px, 7vw, 92px);
  align-items: center;
  direction: ltr;
}

.lumina-home-hero__content {
  grid-area: content;
  direction: rtl;
  text-align: right;
}

.lumina-home-hero__content .lumina-mvp__eyebrow {
  margin-bottom: 16px;
  font-size: .82rem;
  letter-spacing: .04em;
}

.lumina-home-hero__content h1 {
  max-width: 700px;
  margin: 0 0 2px;
  color: #a9d3ed;
  font-size: clamp(2.7rem, 4vw, 4.15rem);
  font-weight: 750;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.lumina-home-hero__content > h2 {
  max-width: 700px;
  margin: 0 0 24px;
  color: var(--lumina-gold);
  font-size: clamp(2.15rem, 3.25vw, 3.45rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -.02em;
}

.lumina-home-hero__content .lumina-mvp__lead {
  max-width: 680px;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, .75);
  font-size: clamp(1rem, 1.4vw, 1.16rem);
  line-height: 1.95;
}

.lumina-home-hero__content .lumina-mvp__actions {
  justify-content: flex-start;
}

.lumina-home-hero__note {
  margin: 20px 0 0;
  color: rgba(255, 255, 255, .56);
  font-size: .88rem;
}

.lumina-home-hero__visual {
  grid-area: visual;
  position: relative;
  min-height: 420px;
  display: grid;
  place-items: center;
  direction: rtl;
}

.lumina-home-hero__visual::before,
.lumina-home-hero__visual::after {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  content: "";
}

.lumina-home-hero__visual::before {
  width: 360px;
  height: 360px;
  border: 1px solid rgba(114, 191, 255, .17);
  box-shadow:
    0 0 0 46px rgba(114, 191, 255, .026),
    0 0 90px rgba(22, 119, 210, .16);
}

.lumina-home-hero__visual::after {
  width: 270px;
  height: 270px;
  border: 1px dashed rgba(216, 181, 106, .12);
}

.lumina-home-visual-stack {
  position: relative;
  z-index: 3;
  width: min(410px, 100%);
  display: grid;
  gap: 16px;
}

.lumina-home-choice-card {
  width: 100%;
  padding: 30px 28px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: var(--lumina-radius-lg);
  background: rgba(255, 255, 255, .065);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .25);
  backdrop-filter: blur(15px);
}

.lumina-home-choice-card__label {
  display: inline-flex;
  margin-bottom: 15px;
  align-items: center;
  gap: 8px;
  color: var(--lumina-gold);
  font-size: .8rem;
  font-weight: 800;
}

.lumina-home-choice-card__label::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--lumina-gold);
  box-shadow: 0 0 12px rgba(216, 181, 106, .7);
  content: "";
}

.lumina-home-choice-card h2 {
  margin-bottom: 8px;
  color: var(--lumina-white);
  font-size: 1.8rem;
  line-height: 1.3;
}

.lumina-home-choice-card > p {
  margin-bottom: 20px;
  color: rgba(255, 255, 255, .64);
  font-size: .92rem;
  line-height: 1.75;
}

.lumina-home-choice-list {
  display: grid;
  gap: 9px;
}

.lumina-home-choice-list span {
  display: flex;
  min-height: 46px;
  padding: 9px 14px;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 13px;
  background: rgba(255, 255, 255, .04);
  color: rgba(255, 255, 255, .88);
  font-size: .9rem;
}

.lumina-home-choice-list b {
  color: var(--lumina-blue-light);
  font-size: .76rem;
  letter-spacing: .04em;
}

.lumina-destinations {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.lumina-destination {
  position: relative;
  display: grid;
  padding: 7px 3px 8px;
  justify-items: center;
  gap: 3px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
  color: rgba(255, 255, 255, .88) !important;
  font-size: .76rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none !important;
  transition:
    transform .3s ease,
    border-color .3s ease,
    background-color .3s ease;
}

.lumina-destination img {
  width: clamp(48px, 5vw, 60px);
  height: auto;
  opacity: .88;
  filter: drop-shadow(0 7px 12px rgba(0, 0, 0, .22));
  transition:
    transform .35s ease,
    opacity .35s ease,
    filter .35s ease;
}

.lumina-destination:hover,
.lumina-destination:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(114, 191, 255, .24);
  background: rgba(114, 191, 255, .07);
}

.lumina-destination:hover img,
.lumina-destination:focus-visible img {
  transform: scale(1.07);
  opacity: 1;
  filter:
    drop-shadow(0 10px 16px rgba(35, 142, 232, .4))
    drop-shadow(0 0 9px rgba(216, 181, 106, .15));
}

@media (max-width: 860px) {
  .lumina-home-hero {
    min-height: auto;
  }

  .lumina-home-hero__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "content"
      "visual";
    gap: 50px;
  }

  .lumina-home-hero__content {
    text-align: center;
  }

  .lumina-home-hero__content h1,
  .lumina-home-hero__content > h2,
  .lumina-home-hero__content .lumina-mvp__lead {
    margin-inline: auto;
  }

  .lumina-home-hero__content .lumina-mvp__actions {
    justify-content: center;
  }

  .lumina-home-hero__visual {
    min-height: 405px;
  }
}

@media (max-width: 575px) {
  .lumina-home-hero {
    padding-inline: 18px;
  }

  .lumina-home-hero__content h1 {
    font-size: clamp(2.25rem, 11vw, 3rem);
  }

  .lumina-home-hero__content > h2 {
    font-size: clamp(1.9rem, 9vw, 2.55rem);
  }

  .lumina-home-hero__visual {
    min-height: 360px;
  }

  .lumina-home-hero__visual::before {
    width: 300px;
    height: 300px;
  }

  .lumina-home-hero__visual::after {
    width: 230px;
    height: 230px;
  }

  .lumina-home-choice-card {
    padding: 26px 20px;
  }

  .lumina-destinations {
    gap: 6px;
  }

  .lumina-destination {
    padding-inline: 2px;
    font-size: .7rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-destination,
  .lumina-destination img {
    transition: none;
  }
}

/* ========================================
   Lumina Home — 02 Results Poster
======================================== */

.lumina-results-poster {
  position: relative;
  isolation: isolate;
  min-height: 410px;
  overflow: hidden;
  border-radius: var(--lumina-radius-lg);
  background: #061522;
  box-shadow: 0 24px 60px rgba(6, 21, 34, .14);
}

.lumina-results-poster__media,
.lumina-results-poster__media img,
.lumina-results-poster__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.lumina-results-poster__media img {
  object-fit: cover;
  object-position: center;
  transition: transform .8s ease;
}

.lumina-results-poster__shade {
  z-index: 1;
  background: linear-gradient(90deg, transparent 23%, rgba(6, 21, 34, .26) 48%, rgba(6, 21, 34, .92) 100%);
}

.lumina-results-poster__content {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(52%, 650px);
  min-height: 410px;
  padding: clamp(34px, 5vw, 70px);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: auto;
  color: #f5f7f8;
  text-align: right;
}

.lumina-results-poster__kicker {
  margin: 0 0 12px;
  color: var(--lumina-gold);
  font-size: .85rem;
  font-weight: 800;
}

.lumina-results-poster__content h2 {
  max-width: 560px;
  margin: 0;
  color: #f3efe5;
  font-size: clamp(2rem, 3.3vw, 3.35rem);
  line-height: 1.28;
}

.lumina-results-poster__text {
  max-width: 570px;
  margin: 18px 0 25px;
  color: rgba(245, 247, 248, .83);
  font-size: clamp(.94rem, 1.25vw, 1.06rem);
  line-height: 1.9;
}

.lumina-results-poster:hover .lumina-results-poster__media img {
  transform: scale(1.018);
}

@media (max-width: 767px) {
  .lumina-results-poster {
    min-height: 590px;
  }

  .lumina-results-poster__media img {
    object-position: center top;
  }

  .lumina-results-poster__shade {
    background: linear-gradient(180deg, transparent 22%, rgba(6, 21, 34, .24) 43%, rgba(6, 21, 34, .96) 66%, #061522 100%);
  }

  .lumina-results-poster__content {
    width: 100%;
    min-height: 590px;
    padding: 275px 28px 34px;
    align-items: stretch;
    justify-content: flex-end;
    text-align: center;
  }

  .lumina-results-poster__kicker {
    margin-bottom: 8px;
  }

  .lumina-results-poster__content h2,
  .lumina-results-poster__text {
    max-width: none;
  }

  .lumina-results-poster__content h2 {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
  }

  .lumina-results-poster__text {
    margin: 14px 0 22px;
    line-height: 1.8;
  }

  .lumina-results-poster .lumina-whatsapp-btn {
    align-self: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-results-poster__media img {
    transition: none;
  }
}

.lumina-whatsapp-btn {
  padding: 9px 18px 9px 10px;
  gap: 11px;
}

.lumina-whatsapp-mark {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 7px 18px rgba(37, 211, 102, .32);
  transition: transform .25s ease, box-shadow .25s ease;
}

.lumina-whatsapp-mark svg {
  width: 23px;
  height: 23px;
  stroke: #ffffff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lumina-whatsapp-copy {
  display: grid;
  line-height: 1.15;
  text-align: right;
}

.lumina-whatsapp-copy strong {
  font-size: .9rem;
}

.lumina-whatsapp-copy small {
  margin-top: 4px;
  color: rgba(255, 255, 255, .72);
  font-size: .68rem;
  font-weight: 600;
}

.lumina-whatsapp-btn:hover .lumina-whatsapp-mark,
.lumina-whatsapp-btn:focus-visible .lumina-whatsapp-mark {
  transform: rotate(-6deg) scale(1.06);
  box-shadow: 0 9px 22px rgba(37, 211, 102, .45);
}

@media (prefers-reduced-motion: reduce) {
  .lumina-whatsapp-mark {
    transition: none;
  }
}

/* ========================================
   Lumina Home — 04 Editorial Accordion
======================================== */

.lumina-guidance {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 455px;
  overflow: hidden;
  border: 1px solid rgba(11, 34, 55, .09);
  border-radius: var(--lumina-radius-lg);
  background:
    radial-gradient(circle at 94% 8%, rgba(22, 119, 210, .08), transparent 30%),
    linear-gradient(135deg, #f7f9fa 0%, #edf3f6 100%);
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  grid-template-areas: "visual content";
}

.lumina-guidance__visual {
  position: relative;
  min-height: 455px;
  margin: 0;
  grid-area: visual;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%);
}

.lumina-guidance__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.9) contrast(1.02);
  transition: transform .75s cubic-bezier(.2, .7, .2, 1), filter .75s ease;
}

.lumina-guidance__content {
  position: relative;
  z-index: 1;
  align-self: center;
  max-width: 690px;
  padding: clamp(32px, 4.5vw, 62px) clamp(30px, 5vw, 72px);
  grid-area: content;
}

.lumina-guidance__content h2 {
  max-width: 600px;
  margin: 0 0 14px;
  color: var(--lumina-navy);
  font-size: clamp(1.9rem, 3vw, 2.9rem);
  line-height: 1.3;
}

.lumina-guidance__intro {
  max-width: 590px;
  margin: 0 0 24px;
  color: #5c6c7b;
  font-size: .95rem;
  line-height: 1.85;
}

.lumina-guidance__accordion {
  border-top: 1px solid rgba(11, 34, 55, .14);
}

.lumina-guidance__accordion details {
  border-bottom: 1px solid rgba(11, 34, 55, .14);
}

.lumina-guidance__accordion summary {
  display: grid;
  min-height: 64px;
  padding: 15px 2px;
  grid-template-columns: 36px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 12px;
  color: var(--lumina-navy-soft);
  cursor: pointer;
  list-style: none;
}

.lumina-guidance__accordion summary::-webkit-details-marker {
  display: none;
}

.lumina-guidance__accordion summary > span {
  color: var(--lumina-gold);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .05em;
}

.lumina-guidance__accordion summary > strong {
  font-size: 1.03rem;
  font-weight: 750;
}

.lumina-guidance__accordion summary > i {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(22, 119, 210, .08);
  transition: transform .25s ease, background-color .25s ease;
}

.lumina-guidance__accordion summary > i::before,
.lumina-guidance__accordion summary > i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1.5px;
  content: "";
  border-radius: 2px;
  background: var(--lumina-blue);
  transform: translate(-50%, -50%);
}

.lumina-guidance__accordion summary > i::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform .25s ease;
}

.lumina-guidance__accordion details[open] summary {
  color: var(--lumina-blue);
}

.lumina-guidance__accordion details[open] summary > i {
  background: rgba(22, 119, 210, .14);
  transform: rotate(180deg);
}

.lumina-guidance__accordion details[open] summary > i::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.lumina-guidance__answer {
  padding: 0 50px 17px 40px;
  animation: lumina-guidance-reveal .28s ease both;
}

.lumina-guidance__answer p {
  max-width: 560px;
  margin: 0;
  color: #607181;
  font-size: .9rem;
  line-height: 1.85;
}

.lumina-guidance:hover .lumina-guidance__visual img {
  filter: saturate(.96) contrast(1.03);
  transform: scale(1.025);
}

@keyframes lumina-guidance-reveal {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 920px) {
  .lumina-guidance {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas: "visual" "content";
  }

  .lumina-guidance__visual {
    min-height: 300px;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 70%, transparent 100%);
  }

  .lumina-guidance__content {
    max-width: none;
    margin-top: -52px;
    padding-top: 26px;
  }
}

@media (max-width: 600px) {
  .lumina-guidance {
    border-radius: 20px;
  }

  .lumina-guidance__visual {
    min-height: 225px;
  }

  .lumina-guidance__content {
    margin-top: -38px;
    padding: 22px 20px 26px;
  }

  .lumina-guidance__content h2 {
    font-size: 1.75rem;
  }

  .lumina-guidance__intro {
    margin-bottom: 18px;
  }

  .lumina-guidance__accordion summary {
    min-height: 60px;
    grid-template-columns: 32px minmax(0, 1fr) 26px;
    gap: 9px;
  }

  .lumina-guidance__answer {
    padding: 0 41px 16px 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-guidance__visual img,
  .lumina-guidance__accordion summary > i,
  .lumina-guidance__accordion summary > i::after {
    transition: none;
  }

  .lumina-guidance__answer {
    animation: none;
  }
}

/* ========================================
   Lumina Home — 05 Why Lumina Editorial
======================================== */

.lumina-home-why {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  gap: clamp(28px, 5vw, 68px);
  padding: clamp(28px, 4.5vw, 58px);
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(11, 34, 55, .09);
  border-radius: var(--lumina-radius-lg);
  background:
    radial-gradient(circle at 96% 4%, rgba(22, 119, 210, .09), transparent 30%),
    linear-gradient(135deg, #f7f9fa 0%, #edf3f6 100%);
}

.lumina-home-why::before {
  position: absolute;
  top: -130px;
  right: -130px;
  z-index: -1;
  width: 320px;
  height: 320px;
  content: "";
  border-radius: 50%;
  background: rgba(216, 181, 106, .09);
}

.lumina-home-why__content {
  align-self: center;
  padding-block: 10px;
}

.lumina-home-why__content h2 {
  max-width: 540px;
  margin-bottom: 18px;
  color: var(--lumina-navy);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  line-height: 1.24;
}

.lumina-home-why__intro {
  max-width: 590px;
  margin-bottom: 30px;
  color: #516171;
  font-size: 1rem;
  line-height: 1.9;
}

.lumina-home-why__points {
  display: grid;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 26px;
  list-style: none;
}

.lumina-home-why__points li {
  display: grid;
  padding: 18px 0;
  grid-template-columns: 34px 1fr;
  align-items: start;
  gap: 12px;
  border-top: 1px solid rgba(11, 34, 55, .12);
  transition: transform .25s ease, border-color .25s ease;
}

.lumina-home-why__points li:hover {
  transform: translateY(-3px);
  border-color: rgba(22, 119, 210, .5);
}

.lumina-home-why__points li > span {
  padding-top: 2px;
  color: var(--lumina-blue);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .05em;
}

.lumina-home-why__points strong,
.lumina-home-why__points small {
  display: block;
}

.lumina-home-why__points strong {
  margin-bottom: 5px;
  color: var(--lumina-navy-soft);
  font-size: .96rem;
}

.lumina-home-why__points small {
  color: #687684;
  font-size: .82rem;
  line-height: 1.65;
}

.lumina-home-why__visual {
  position: relative;
  min-height: 500px;
  margin: 0;
  overflow: hidden;
  border-radius: 22px;
  box-shadow: 0 24px 55px rgba(7, 29, 49, .18);
  background: var(--lumina-navy-soft);
}

.lumina-home-why__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 40% center;
  transition: transform .75s cubic-bezier(.2, .7, .2, 1), filter .75s ease;
}

.lumina-home-why__visual::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg, transparent 58%, rgba(4, 15, 24, .64) 100%);
}

.lumina-home-why__visual figcaption {
  position: absolute;
  right: 22px;
  bottom: 18px;
  z-index: 1;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  background: rgba(5, 22, 35, .58);
  color: rgba(255, 255, 255, .92);
  font-size: .78rem;
  font-weight: 650;
  backdrop-filter: blur(8px);
}

.lumina-home-why:hover .lumina-home-why__visual img {
  transform: scale(1.035);
  filter: saturate(1.04) contrast(1.02);
}

@media (max-width: 920px) {
  .lumina-home-why {
    grid-template-columns: 1fr;
  }

  .lumina-home-why__visual {
    order: -1;
    min-height: 390px;
  }
}

@media (max-width: 600px) {
  .lumina-home-why {
    padding: 18px;
    border-radius: 20px;
  }

  .lumina-home-why__visual {
    min-height: 290px;
    border-radius: 16px;
  }

  .lumina-home-why__points {
    grid-template-columns: 1fr;
  }

  .lumina-home-why__visual figcaption {
    right: 14px;
    bottom: 12px;
    font-size: .7rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-home-why__points li,
  .lumina-home-why__visual img {
    transition: none;
  }
}

/* ========================================
   Lumina Home — 06 Courses & Research
======================================== */

#why-lumina .lumina-section {
  padding-bottom: clamp(32px, 4vw, 52px);
}

#courses-research .lumina-section {
  padding-top: clamp(32px, 4vw, 52px);
}

.lumina-home-explore {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(300px, .78fr);
  gap: 20px;
}

.lumina-home-explore__card {
  position: relative;
  isolation: isolate;
  display: block;
  min-height: 520px;
  overflow: hidden;
  border-radius: var(--lumina-radius-lg);
  box-shadow: 0 20px 48px rgba(7, 29, 49, .15);
  color: #ffffff !important;
  text-decoration: none !important;
  transition: transform .35s ease, box-shadow .35s ease;
}

.lumina-home-explore__card img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.2, .7, .2, 1), filter .8s ease;
}

.lumina-home-explore__card--courses img {
  object-position: 56% center;
}

.lumina-home-explore__card--research img {
  object-position: center;
}

.lumina-home-explore__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(4, 15, 24, .06) 12%, rgba(4, 15, 24, .82) 88%),
    linear-gradient(90deg, rgba(4, 15, 24, .22), transparent 58%);
  transition: background-color .35s ease;
}

.lumina-home-explore__content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: clamp(26px, 4vw, 46px);
}

.lumina-home-explore__content h3 {
  max-width: 610px;
  margin: 10px 0 12px;
  color: #ffffff;
  font-size: clamp(1.65rem, 3vw, 2.6rem);
  line-height: 1.25;
}

.lumina-home-explore__card--research h3 {
  font-size: clamp(1.5rem, 2.2vw, 2.05rem);
}

.lumina-home-explore__content p {
  max-width: 610px;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, .78);
  font-size: .94rem;
  line-height: 1.75;
}

.lumina-home-explore__tag {
  display: inline-flex;
  padding: 5px 11px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: rgba(5, 22, 35, .38);
  color: #f0cf7e;
  font-size: .73rem;
  font-weight: 750;
  backdrop-filter: blur(8px);
}

.lumina-home-explore__content strong {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #ffffff;
  font-size: .9rem;
}

.lumina-home-explore__content strong i {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 50%;
  font-style: normal;
  transition: transform .3s ease, background-color .3s ease;
}

.lumina-home-explore__card:hover,
.lumina-home-explore__card:focus-visible {
  transform: translateY(-6px);
  box-shadow: 0 28px 62px rgba(7, 29, 49, .24);
}

.lumina-home-explore__card:hover img,
.lumina-home-explore__card:focus-visible img {
  transform: scale(1.055);
  filter: saturate(1.06) contrast(1.03);
}

.lumina-home-explore__card:hover strong i,
.lumina-home-explore__card:focus-visible strong i {
  transform: translateX(-4px);
  background: rgba(255, 255, 255, .14);
}

@media (max-width: 920px) {
  .lumina-home-explore {
    grid-template-columns: 1fr;
  }

  .lumina-home-explore__card {
    min-height: 440px;
  }
}

@media (max-width: 600px) {
  .lumina-home-explore__card {
    min-height: 390px;
    border-radius: 20px;
  }

  .lumina-home-explore__content {
    padding: 24px 20px;
  }

  .lumina-home-explore__card--courses img {
    object-position: 63% center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-home-explore__card,
  .lumina-home-explore__card img,
  .lumina-home-explore__content strong i {
    transition: none;
  }
}

/* ========================================
   Lumina Home — 07 Final CTA
======================================== */

.lumina-home-final {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 530px;
  padding: clamp(38px, 6vw, 76px);
  align-items: center;
  overflow: hidden;
  border-radius: var(--lumina-radius-lg);
  box-shadow: 0 24px 60px rgba(7, 29, 49, .22);
  background: var(--lumina-navy);
  color: #ffffff;
}

.lumina-home-final::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background:
    linear-gradient(90deg, rgba(4, 15, 24, .08) 0%, rgba(4, 15, 24, .42) 42%, rgba(4, 15, 24, .92) 100%),
    linear-gradient(180deg, rgba(4, 15, 24, .08), rgba(4, 15, 24, .28));
}

.lumina-home-final__image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.035);
  animation: lumina-final-breathe 14s ease-in-out infinite alternate;
}

@keyframes lumina-final-breathe {
  from { transform: scale(1.035); }
  to { transform: scale(1.075); }
}

.lumina-home-final__content {
  position: relative;
  z-index: 1;
  width: min(610px, 100%);
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}

.lumina-home-final__content h2 {
  max-width: 600px;
  margin-bottom: 18px;
  color: #ffffff;
  font-size: clamp(2.1rem, 4vw, 3.65rem);
  line-height: 1.2;
}

.lumina-home-final__content > p:not(.lumina-section__kicker) {
  max-width: 570px;
  margin-bottom: 28px;
  color: rgba(255, 255, 255, .78);
  font-size: 1rem;
  line-height: 1.9;
}

.lumina-home-final__actions {
  justify-content: flex-start;
}

.lumina-home-final__note {
  display: block;
  margin-top: 18px;
  color: rgba(255, 255, 255, .54);
  font-size: .76rem;
}

@media (max-width: 760px) {
  .lumina-home-final {
    display: block;
    min-height: auto;
    padding: 310px 22px 34px;
  }

  .lumina-home-final::before {
    bottom: auto;
    height: 370px;
    background: linear-gradient(
      180deg,
      rgba(4, 15, 24, .02) 42%,
      rgba(6, 21, 34, .58) 72%,
      var(--lumina-navy) 94%
    );
  }

  .lumina-home-final__image {
    bottom: auto;
    height: 350px;
    object-position: 18% center;
    animation: none;
  }

  .lumina-home-final__content {
    width: 100%;
    margin: 0;
  }

  .lumina-home-final__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .lumina-home-final__actions .lumina-btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-home-final__image {
    animation: none;
  }
}

/* ========================================
   Lumina About — 03 Our Commitments
   Accordion replacement — 2026-08-31
======================================== */

.lumina-about-commitments {
  position: relative;
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(11, 34, 55, .08);
  border-radius: 28px;
  background: #f5f8fb;
  box-shadow: 0 18px 48px rgba(7, 29, 49, .08);
  color: #17212b;
}

.lumina-about-commitments *,
.lumina-about-commitments *::before,
.lumina-about-commitments *::after {
  box-sizing: border-box;
}

.lumina-about-commitments__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.13fr) minmax(360px, .87fr);
  grid-template-areas: "list intro";
  min-height: 500px;
  direction: ltr;
}

/* Intro / title side */
.lumina-about-commitments__intro {
  position: relative;
  isolation: isolate;
  grid-area: intro;
  display: flex;
  min-width: 0;
  padding: clamp(48px, 5vw, 70px) clamp(34px, 4.8vw, 62px);
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  direction: rtl;
  text-align: right;
  background:
    radial-gradient(circle at 82% 18%, rgba(114, 191, 255, .18), transparent 23%),
    radial-gradient(circle at 16% 86%, rgba(216, 181, 106, .12), transparent 27%),
    linear-gradient(145deg, #f7fbff 0%, #edf4f9 56%, #f8fafb 100%);
}

.lumina-about-commitments__intro::before {
  position: absolute;
  z-index: -2;
  top: -175px;
  right: -190px;
  width: 470px;
  height: 470px;
  content: "";
  border: 1px solid rgba(22, 119, 210, .12);
  border-radius: 50%;
  box-shadow:
    0 0 0 54px rgba(22, 119, 210, .028),
    0 0 0 108px rgba(22, 119, 210, .018),
    0 0 0 162px rgba(216, 181, 106, .018);
}

.lumina-about-commitments__intro::after {
  position: absolute;
  z-index: -1;
  right: 34px;
  bottom: 28px;
  width: 190px;
  height: 190px;
  content: "";
  border: 1px solid rgba(216, 181, 106, .22);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(22, 119, 210, .18) 0 2px, transparent 3px),
    radial-gradient(circle at 28% 34%, rgba(216, 181, 106, .48) 0 3px, transparent 4px),
    radial-gradient(circle at 73% 69%, rgba(22, 119, 210, .32) 0 3px, transparent 4px);
  opacity: .72;
  transform: translate(38%, 40%);
}

.lumina-about-commitments__intro .lumina-section__kicker {
  position: relative;
  z-index: 2;
  margin: 0 0 14px;
  color: #c8973f;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .035em;
}

.lumina-about-commitments__intro h2 {
  position: relative;
  z-index: 2;
  max-width: 500px;
  margin: 0 0 23px;
  color: #061522;
  font-size: clamp(2.15rem, 3.5vw, 3.45rem);
  font-weight: 720;
  line-height: 1.28;
  letter-spacing: -.018em;
}

.lumina-about-commitments__intro h2 span {
  display: block;
  color: #1677d2;
}

.lumina-about-commitments__lead {
  position: relative;
  z-index: 2;
  max-width: 510px;
  margin: 0;
  color: #596b7b;
  font-size: .98rem;
  line-height: 2;
}

.lumina-about-commitments__statement {
  position: relative;
  z-index: 2;
  display: grid;
  max-width: 510px;
  margin-top: 30px;
  padding: 18px 0 0;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  border-top: 1px solid rgba(6, 21, 34, .13);
}

.lumina-about-commitments__mark {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(216, 181, 106, .62);
  border-radius: 50%;
  background: rgba(255, 255, 255, .48);
  color: #c8973f;
  font-size: .9rem;
  font-weight: 800;
}

.lumina-about-commitments__statement p {
  margin: 0;
  color: #4d5d6c;
  font-size: .9rem;
  line-height: 1.8;
}

.lumina-about-commitments__statement strong {
  color: #061522;
  font-weight: 760;
}

/* Accordion side */
.lumina-about-commitments__list {
  grid-area: list;
  padding: clamp(34px, 4.2vw, 52px) clamp(32px, 4vw, 52px);
  direction: rtl;
  background: rgba(255, 255, 255, .82);
}

.lumina-about-commitment {
  border-bottom: 1px solid rgba(6, 21, 34, .11);
}

.lumina-about-commitment:first-child {
  border-top: 1px solid rgba(6, 21, 34, .11);
}

.lumina-about-commitment summary {
  display: grid;
  min-height: 72px;
  padding: 16px 2px;
  grid-template-columns: 38px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 12px;
  color: #183149;
  cursor: pointer;
  list-style: none;
}

.lumina-about-commitment summary::-webkit-details-marker {
  display: none;
}

.lumina-about-commitment__number {
  color: #d1a24d;
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .05em;
}

.lumina-about-commitment__title {
  margin: 0;
  color: inherit;
  font-size: 1.04rem;
  font-weight: 720;
  line-height: 1.55;
}

.lumina-about-commitment__toggle {
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(22, 119, 210, .18);
  border-radius: 50%;
  background: rgba(22, 119, 210, .055);
  transition: transform .25s ease, background-color .25s ease;
}

.lumina-about-commitment__toggle::before,
.lumina-about-commitment__toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 1.5px;
  content: "";
  border-radius: 2px;
  background: #1677d2;
  transform: translate(-50%, -50%);
}

.lumina-about-commitment__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform .25s ease;
}

.lumina-about-commitment[open] summary {
  color: #1677d2;
}

.lumina-about-commitment[open] .lumina-about-commitment__toggle {
  background: rgba(22, 119, 210, .11);
  transform: rotate(180deg);
}

.lumina-about-commitment[open] .lumina-about-commitment__toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.lumina-about-commitment__answer {
  padding: 0 50px 19px 46px;
}

.lumina-about-commitment__answer p {
  max-width: 650px;
  margin: 0;
  color: #667383;
  font-size: .89rem;
  line-height: 1.85;
  animation: lumina-about-commitment-reveal .25s ease both;
}

@keyframes lumina-about-commitment-reveal {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.lumina-about-commitment summary:hover {
  color: #1677d2;
}

@media (max-width: 920px) {
  .lumina-about-commitments {
    width: min(100% - 32px, 760px);
  }

  .lumina-about-commitments__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "intro"
      "list";
    min-height: 0;
  }

  .lumina-about-commitments__intro {
    min-height: 460px;
  }

  .lumina-about-commitments__intro h2,
  .lumina-about-commitments__lead,
  .lumina-about-commitments__statement {
    max-width: 620px;
  }
}

@media (max-width: 600px) {
  .lumina-about-commitments {
    width: calc(100% - 24px);
    margin-block: 20px;
    border-radius: 22px;
  }

  .lumina-about-commitments__intro {
    min-height: 0;
    padding: 46px 24px 42px;
  }

  .lumina-about-commitments__intro::before {
    top: -170px;
    right: -210px;
    width: 420px;
    height: 420px;
  }

  .lumina-about-commitments__intro::after {
    right: 8px;
    bottom: 5px;
    width: 150px;
    height: 150px;
  }

  .lumina-about-commitments__intro h2 {
    font-size: clamp(2rem, 10vw, 2.55rem);
  }

  .lumina-about-commitments__statement {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
  }

  .lumina-about-commitments__mark {
    width: 35px;
    height: 35px;
  }

  .lumina-about-commitments__list {
    padding: 26px 22px 32px;
  }

  .lumina-about-commitment summary {
    min-height: 66px;
    grid-template-columns: 32px minmax(0, 1fr) 30px;
    gap: 9px;
  }

  .lumina-about-commitment__title {
    font-size: .97rem;
  }

  .lumina-about-commitment__toggle {
    width: 28px;
    height: 28px;
  }

  .lumina-about-commitment__answer {
    padding: 0 41px 17px 37px;
  }

  .lumina-about-commitment__answer p {
    font-size: .86rem;
    line-height: 1.8;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-about-commitment__toggle,
  .lumina-about-commitment__toggle::after,
  .lumina-about-commitment__answer p {
    transition: none;
    animation: none;
  }
}

/* ========================================
   Lumina About — 04 Final CTA
======================================== */

.lumina-about-cta {
  position: relative;
  isolation: isolate;
  width: min(1180px, calc(100% - 48px));
  margin: 28px auto 34px;
  overflow: hidden;
  border: 1px solid rgba(6, 21, 34, .09);
  border-radius: 28px;
  background:
    radial-gradient(circle at 10% 20%, rgba(22, 119, 210, .08), transparent 30%),
    linear-gradient(135deg, #f8fbfd 0%, #eef5f9 100%);
  box-shadow: 0 16px 40px rgba(7, 29, 49, .07);
  color: #17212b;
}

.lumina-about-cta *,
.lumina-about-cta *::before,
.lumina-about-cta *::after {
  box-sizing: border-box;
}

.lumina-about-cta::before,
.lumina-about-cta::after {
  position: absolute;
  z-index: -1;
  content: "";
  pointer-events: none;
  border-radius: 50%;
}

.lumina-about-cta::before {
  left: -105px;
  top: -150px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(22, 119, 210, .10);
  box-shadow:
    0 0 0 44px rgba(22, 119, 210, .025),
    0 0 0 88px rgba(22, 119, 210, .014);
}

.lumina-about-cta::after {
  left: 125px;
  bottom: 34px;
  width: 8px;
  height: 8px;
  background: rgba(216, 181, 106, .55);
  box-shadow:
    34px 20px 0 rgba(22, 119, 210, .22),
    66px -18px 0 rgba(216, 181, 106, .28);
}

.lumina-about-cta__inner {
  min-height: 238px;
  padding: 42px clamp(34px, 5vw, 66px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
}

.lumina-about-cta__copy {
  max-width: 720px;
}

.lumina-about-cta__kicker {
  margin: 0 0 8px;
  color: #d19a34;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.lumina-about-cta h2 {
  margin: 0 0 10px;
  color: #061522;
  font-size: clamp(2rem, 3.5vw, 3.15rem);
  font-weight: 760;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.lumina-about-cta__text {
  max-width: 650px;
  margin: 0;
  color: #667383;
  font-size: .97rem;
  line-height: 1.8;
}

.lumina-about-cta__action {
  display: inline-flex;
  min-width: 190px;
  min-height: 52px;
  padding: 12px 24px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid #061522;
  border-radius: 999px;
  background: #061522;
  box-shadow: 0 12px 26px rgba(6, 21, 34, .14);
  color: #ffffff !important;
  font-size: .95rem;
  font-weight: 750;
  text-decoration: none !important;
  transition: transform .22s ease, background-color .22s ease, box-shadow .22s ease;
}

.lumina-about-cta__action span {
  color: #d8b56a;
  font-size: 1.15rem;
  line-height: 1;
  transition: transform .22s ease;
}

.lumina-about-cta__action:hover,
.lumina-about-cta__action:focus-visible {
  transform: translateY(-2px);
  background: #0b2237;
  box-shadow: 0 16px 32px rgba(6, 21, 34, .18);
}

.lumina-about-cta__action:hover span,
.lumina-about-cta__action:focus-visible span {
  transform: translateX(-3px);
}

@media (max-width: 760px) {
  .lumina-about-cta {
    width: calc(100% - 28px);
    margin-block: 22px 28px;
    border-radius: 22px;
  }

  .lumina-about-cta__inner {
    min-height: 0;
    padding: 34px 24px;
    align-items: stretch;
    flex-direction: column;
    gap: 22px;
    text-align: center;
  }

  .lumina-about-cta__copy {
    max-width: none;
  }

  .lumina-about-cta h2 {
    font-size: clamp(1.9rem, 9vw, 2.5rem);
  }

  .lumina-about-cta__text {
    max-width: 520px;
    margin-inline: auto;
  }

  .lumina-about-cta__action {
    width: 100%;
  }

  .lumina-about-cta::before {
    left: -175px;
    top: -185px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-about-cta__action,
  .lumina-about-cta__action span {
    transition: none;
  }
}

/* ========================================
   Lumina Admissions — Page Stage
   Full-width pale canvas behind the dark hero
======================================== */

.lumina-admissions-stage {
  position: relative;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding: clamp(34px, 4.5vw, 58px) 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 8%, rgba(216, 181, 106, .10), transparent 25%),
    radial-gradient(circle at 10% 88%, rgba(22, 119, 210, .055), transparent 30%),
    linear-gradient(135deg, #f4f7f9 0%, #edf3f6 58%, #f7f9fa 100%);
}

.lumina-admissions-stage,
.lumina-admissions-stage * {
  box-sizing: border-box;
}

/* ========================================
   Lumina Admissions — 01 Hub Hero
======================================== */

.lumina-admissions-hero {
  position: relative;
  isolation: isolate;
  width: min(1180px, calc(100% - 48px));
  margin: clamp(26px, 4vw, 46px) auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 28px;
  background:
    radial-gradient(circle at 16% 18%, rgba(22, 119, 210, .26), transparent 32%),
    radial-gradient(circle at 86% 78%, rgba(216, 181, 106, .11), transparent 26%),
    linear-gradient(135deg, #040d15 0%, #061522 52%, #0a2945 100%);
  box-shadow: 0 22px 58px rgba(7, 29, 49, .14);
  color: #ffffff;
}

.lumina-admissions-hero,
.lumina-admissions-hero *,
.lumina-admissions-hero *::before,
.lumina-admissions-hero *::after {
  box-sizing: border-box;
}

.lumina-admissions-hero__inner {
  display: grid;
  min-height: 470px;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
  grid-template-areas: "copy visual";
  direction: rtl;
}

.lumina-admissions-hero__copy {
  position: relative;
  z-index: 2;
  display: flex;
  max-width: 720px;
  padding: clamp(48px, 6vw, 78px) clamp(38px, 5.5vw, 72px);
  flex-direction: column;
  justify-content: center;
  grid-area: copy;
  text-align: right;
}

.lumina-admissions-hero__kicker {
  margin: 0 0 13px;
  color: #d8b56a;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .05em;
}

.lumina-admissions-hero h1 {
  max-width: 700px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(2.55rem, 5vw, 4.55rem);
  font-weight: 780;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.lumina-admissions-hero h1 span {
  color: #8ecbff;
}

.lumina-admissions-hero__lead {
  max-width: 650px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, .76);
  font-size: clamp(1rem, 1.55vw, 1.12rem);
  line-height: 1.95;
}

.lumina-admissions-hero__actions {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
  gap: 12px;
}

.lumina-admissions-hero__btn {
  display: inline-flex;
  min-height: 50px;
  padding: 11px 22px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: .92rem;
  font-weight: 750;
  text-decoration: none !important;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.lumina-admissions-hero__btn--primary {
  background: #ffffff;
  color: #061522 !important;
}

.lumina-admissions-hero__btn--primary:hover,
.lumina-admissions-hero__btn--primary:focus-visible {
  transform: translateY(-2px);
  background: #f4f8fb;
}

.lumina-admissions-hero__btn--ghost {
  border-color: rgba(255, 255, 255, .25);
  background: rgba(255, 255, 255, .04);
  color: #ffffff !important;
}

.lumina-admissions-hero__btn--ghost:hover,
.lumina-admissions-hero__btn--ghost:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(216, 181, 106, .58);
  background: rgba(255, 255, 255, .07);
}

.lumina-admissions-hero__visual {
  position: relative;
  min-height: 470px;
  grid-area: visual;
  overflow: hidden;
}

.lumina-admissions-hero__visual::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 310px;
  height: 310px;
  content: "";
  transform: translate(-50%, -50%);
  border: 1px solid rgba(114, 191, 255, .22);
  border-radius: 50%;
  box-shadow:
    0 0 0 54px rgba(114, 191, 255, .045),
    0 0 0 108px rgba(114, 191, 255, .025);
}

.lumina-admissions-hero__orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 250px;
  transform: translate(-50%, -50%) rotate(-12deg);
  border: 1px dashed rgba(255, 255, 255, .18);
  border-radius: 50%;
}

.lumina-admissions-hero__core {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 98px;
  height: 98px;
  transform: translate(-50%, -50%);
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  background: rgba(255, 255, 255, .07);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
  color: #f4dfad;
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: .08em;
  backdrop-filter: blur(10px);
}

.lumina-admissions-hero__node {
  position: absolute;
  display: grid;
  min-width: 78px;
  min-height: 34px;
  padding: 7px 13px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 999px;
  background: rgba(6, 21, 34, .56);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
  color: rgba(255, 255, 255, .82);
  font-size: .74rem;
  font-weight: 700;
  backdrop-filter: blur(8px);
}

.lumina-admissions-hero__node--1 { top: 20%; right: 10%; }
.lumina-admissions-hero__node--2 { top: 27%; left: 7%; }
.lumina-admissions-hero__node--3 { right: 6%; bottom: 22%; }
.lumina-admissions-hero__node--4 { left: 13%; bottom: 17%; }

.lumina-admissions-hero__dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8b56a;
  box-shadow: 0 0 18px rgba(216, 181, 106, .55);
}

.lumina-admissions-hero__dot--1 { top: 18%; left: 43%; }
.lumina-admissions-hero__dot--2 { right: 22%; bottom: 12%; background: #72bfff; box-shadow: 0 0 18px rgba(114, 191, 255, .5); }
.lumina-admissions-hero__dot--3 { top: 57%; left: 11%; width: 5px; height: 5px; }

@media (max-width: 900px) {
  .lumina-admissions-hero__inner {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "visual";
  }

  .lumina-admissions-hero__copy {
    max-width: none;
    padding-bottom: 24px;
    text-align: center;
  }

  .lumina-admissions-hero__lead {
    margin-inline: auto;
  }

  .lumina-admissions-hero__actions {
    justify-content: center;
  }

  .lumina-admissions-hero__visual {
    min-height: 260px;
  }

  .lumina-admissions-hero__visual::before {
    width: 220px;
    height: 220px;
    box-shadow:
      0 0 0 38px rgba(114, 191, 255, .045),
      0 0 0 76px rgba(114, 191, 255, .025);
  }

  .lumina-admissions-hero__orbit {
    width: 180px;
    height: 180px;
  }

  .lumina-admissions-hero__core {
    width: 78px;
    height: 78px;
    font-size: 1.2rem;
  }
}

@media (max-width: 600px) {
  .lumina-admissions-hero {
    width: calc(100% - 28px);
    border-radius: 22px;
  }

  .lumina-admissions-hero__copy {
    padding: 40px 24px 18px;
  }

  .lumina-admissions-hero h1 {
    font-size: clamp(2.2rem, 11vw, 3rem);
  }

  .lumina-admissions-hero__lead {
    margin-top: 18px;
    font-size: .97rem;
    line-height: 1.85;
  }

  .lumina-admissions-hero__actions {
    margin-top: 24px;
    align-items: stretch;
    flex-direction: column;
  }

  .lumina-admissions-hero__btn {
    width: 100%;
  }

  .lumina-admissions-hero__visual {
    min-height: 225px;
  }

  .lumina-admissions-hero__node {
    min-width: 70px;
    min-height: 31px;
    padding: 6px 10px;
    font-size: .68rem;
  }
}

@media (max-width: 600px) {
  .lumina-admissions-stage {
    padding: 18px 14px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-admissions-hero__btn {
    transition: none;
  }
}

/* ========================================
   Lumina Admissions — 02 Destination Selector
======================================== */

.lumina-admissions-destinations {
  position: relative;
  width: min(1180px, calc(100% - 48px));
  margin: clamp(30px, 4vw, 52px) auto;
  color: #17212b;
}

.lumina-admissions-destinations__head {
  display: grid;
  margin-bottom: clamp(24px, 3vw, 34px);
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: end;
}

.lumina-admissions-destinations__kicker {
  margin: 0 0 10px;
  color: #c99a39;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .02em;
}

.lumina-admissions-destinations__head h2 {
  max-width: 650px;
  margin: 0;
  color: #082038;
  font-size: clamp(2rem, 3.2vw, 3.35rem);
  font-weight: 520;
  line-height: 1.27;
  letter-spacing: -.025em;
}

.lumina-admissions-destinations__head h2 span {
  color: #1677d2;
}

.lumina-admissions-destinations__intro {
  max-width: 560px;
  margin: 0;
  color: #667383;
  font-size: .98rem;
  line-height: 1.95;
}

.lumina-admissions-destinations__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.lumina-destination-card {
  position: relative;
  min-height: 285px;
  padding: 24px 22px 22px;
  overflow: hidden;
  border: 1px solid rgba(6, 21, 34, .09);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(22, 119, 210, .08), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f4f7f9 100%);
  box-shadow: 0 14px 38px rgba(7, 29, 49, .055);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.lumina-destination-card::before {
  position: absolute;
  top: -68px;
  left: -68px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(22, 119, 210, .10);
  border-radius: 50%;
  content: "";
}

.lumina-destination-card::after {
  position: absolute;
  top: 27px;
  left: 25px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8b56a;
  box-shadow: 0 0 0 7px rgba(216, 181, 106, .10);
  content: "";
}

.lumina-destination-card:hover {
  transform: translateY(-4px);
  border-color: rgba(22, 119, 210, .18);
  box-shadow: 0 18px 46px rgba(7, 29, 49, .085);
}

.lumina-destination-card__top {
  display: flex;
  margin-bottom: 34px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.lumina-destination-card__number {
  color: #8a98a6;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.lumina-destination-card__code {
  display: inline-grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(6, 21, 34, .09);
  border-radius: 50%;
  background: rgba(255, 255, 255, .72);
  color: #1677d2;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
}

.lumina-destination-card h3 {
  margin: 0 0 12px;
  color: #0b2237;
  font-size: 1.45rem;
  font-weight: 760;
  line-height: 1.35;
}

.lumina-destination-card p {
  margin: 0;
  color: #667383;
  font-size: .88rem;
  line-height: 1.85;
}

.lumina-destination-card__meta {
  display: flex;
  margin-top: 22px;
  padding-top: 17px;
  flex-wrap: wrap;
  gap: 7px;
  border-top: 1px solid rgba(6, 21, 34, .08);
}

.lumina-destination-card__meta span {
  display: inline-flex;
  min-height: 28px;
  padding: 5px 10px;
  align-items: center;
  border: 1px solid rgba(6, 21, 34, .075);
  border-radius: 999px;
  background: rgba(255, 255, 255, .58);
  color: #566575;
  font-size: .68rem;
  font-weight: 700;
}

.lumina-destination-card--more {
  background:
    radial-gradient(circle at 18% 18%, rgba(216, 181, 106, .10), transparent 35%),
    linear-gradient(145deg, #f2f6f8 0%, #eaf1f5 100%);
}

.lumina-destination-card--more .lumina-destination-card__code {
  color: #b78a30;
}

.lumina-admissions-destinations__foot {
  display: flex;
  margin-top: 18px;
  padding: 0 4px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #6b7886;
  font-size: .78rem;
  line-height: 1.75;
}

.lumina-admissions-destinations__foot::before {
  width: 46px;
  height: 1px;
  flex: 0 0 46px;
  background: linear-gradient(90deg, rgba(216, 181, 106, .18), #d8b56a);
  content: "";
}

@media (max-width: 980px) {
  .lumina-admissions-destinations__head {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .lumina-admissions-destinations__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .lumina-admissions-destinations {
    width: min(100% - 28px, 1180px);
    margin: 26px auto 34px;
  }

  .lumina-admissions-destinations__head h2 {
    font-size: clamp(1.85rem, 9vw, 2.45rem);
  }

  .lumina-admissions-destinations__grid {
    grid-template-columns: 1fr;
  }

  .lumina-destination-card {
    min-height: 0;
    padding: 21px 20px 20px;
    border-radius: 20px;
  }

  .lumina-destination-card__top {
    margin-bottom: 24px;
  }

  .lumina-admissions-destinations__foot {
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-destination-card {
    transition: none;
  }
}

/* ========================================
   Lumina Admissions — 03 Compact Smart Start
   Transparent by design: inherits Joomla day/night background.
======================================== */

.lumina-admissions-smart {
  width: min(1180px, calc(100% - 48px));
  margin: clamp(24px, 3vw, 38px) auto;
  padding: 22px 0;
  color: inherit;
}

.lumina-admissions-smart__inner {
  display: grid;
  grid-template-columns: minmax(235px, 280px) minmax(0, 1fr) minmax(235px, 280px);
  align-items: center;
  gap: 24px;
}

.lumina-admissions-smart__copy {
  min-width: 0;
}

.lumina-admissions-smart__kicker {
  margin: 0 0 5px;
  color: var(--lumina-gold);
  font-size: .78rem;
  font-weight: 800;
}

.lumina-admissions-smart__copy h2 {
  margin: 0;
  color: inherit;
  font-size: clamp(1.2rem, 1.7vw, 1.55rem);
  font-weight: 650;
  line-height: 1.45;
}

.lumina-admissions-smart__flow {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 7px;
  white-space: nowrap;
}

.lumina-admissions-smart__step {
  display: inline-flex;
  min-height: 42px;
  padding: 7px 11px;
  align-items: center;
  gap: 7px;
  border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
  border-radius: 999px;
  color: color-mix(in srgb, currentColor 80%, var(--lumina-blue) 20%);
  font-size: .84rem;
  font-weight: 700;
  line-height: 1;
}

.lumina-admissions-smart__step b {
  color: var(--lumina-blue);
  font-size: .67rem;
  font-weight: 850;
}

.lumina-admissions-smart__step:nth-of-type(1),
.lumina-admissions-smart__step:nth-of-type(5),
.lumina-admissions-smart__step:nth-of-type(9) {
  color: color-mix(in srgb, currentColor 78%, var(--lumina-blue) 22%);
}

.lumina-admissions-smart__step:nth-of-type(3),
.lumina-admissions-smart__step:nth-of-type(7) {
  color: color-mix(in srgb, currentColor 88%, var(--lumina-gold) 12%);
}

.lumina-admissions-smart__arrow {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  color: var(--lumina-gold);
  font-size: 1rem;
  opacity: .28;
  animation: lumina-smart-arrow 4s ease-in-out infinite;
}

.lumina-admissions-smart__arrow:nth-of-type(2) { animation-delay: .55s; }
.lumina-admissions-smart__arrow:nth-of-type(4) { animation-delay: 1.10s; }
.lumina-admissions-smart__arrow:nth-of-type(6) { animation-delay: 1.65s; }
.lumina-admissions-smart__arrow:nth-of-type(8) { animation-delay: 2.20s; }

@keyframes lumina-smart-arrow {
  0%, 18%, 100% { opacity: .24; transform: translateX(0); }
  7% { opacity: 1; transform: translateX(-3px); }
}

.lumina-admissions-smart__action {
  display: flex;
  justify-content: flex-start;
}

.lumina-admissions-smart__action .lumina-whatsapp-btn {
  flex: 0 0 auto;
  border-color: color-mix(in srgb, currentColor 13%, transparent);
  background: transparent;
  box-shadow: none;
  color: inherit !important;
}

.lumina-admissions-smart__action .lumina-whatsapp-copy small {
  color: color-mix(in srgb, currentColor 58%, transparent);
}

.lumina-admissions-smart__action .lumina-whatsapp-btn:hover,
.lumina-admissions-smart__action .lumina-whatsapp-btn:focus-visible {
  background: color-mix(in srgb, currentColor 4%, transparent);
  border-color: color-mix(in srgb, currentColor 20%, transparent);
}

@media (max-width: 1040px) {
  .lumina-admissions-smart__inner {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .lumina-admissions-smart__copy {
    text-align: center;
  }

  .lumina-admissions-smart__flow {
    flex-wrap: wrap;
  }

  .lumina-admissions-smart__action {
    justify-content: center;
  }
}

@media (max-width: 620px) {
  .lumina-admissions-smart {
    width: min(100% - 28px, 1180px);
    margin-block: 18px;
    padding: 16px 0;
  }

  .lumina-admissions-smart__flow {
    gap: 5px;
  }

  .lumina-admissions-smart__step {
    min-height: 38px;
    padding: 6px 9px;
    font-size: .76rem;
  }

  .lumina-admissions-smart__step b {
    display: none;
  }

  .lumina-admissions-smart__arrow {
    width: 12px;
    font-size: .86rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-admissions-smart__arrow {
    animation: none;
    opacity: .65;
  }
}

/* ========================================
   Admissions Smart Start — v4 correction
   Explicit geometry + explicit text colors
======================================== */
.lumina-admissions-smart__inner {
  display: grid;
  grid-template-columns: 250px minmax(620px, 1fr) 250px;
  align-items: center;
  column-gap: 18px;
  direction: rtl;
}

.lumina-admissions-smart__copy {
  width: 250px;
  justify-self: end;
  text-align: right;
}

.lumina-admissions-smart__flow {
  width: 100%;
  justify-content: center;
  direction: rtl;
}

.lumina-admissions-smart__action {
  width: 250px;
  justify-self: start;
  justify-content: flex-start;
}

.lumina-admissions-smart__step {
  color: #33475b !important;
}

.lumina-admissions-smart__step:nth-child(1) { color: #214b70 !important; }
.lumina-admissions-smart__step:nth-child(3) { color: #3d5367 !important; }
.lumina-admissions-smart__step:nth-child(5) { color: #725f3f !important; }
.lumina-admissions-smart__step:nth-child(7) { color: #315b70 !important; }
.lumina-admissions-smart__step:nth-child(9) { color: #4d5261 !important; }

.lumina-admissions-smart__step b {
  color: #1677d2 !important;
}

.lumina-admissions-smart__action .lumina-whatsapp-btn,
.lumina-admissions-smart__action .lumina-whatsapp-btn:link,
.lumina-admissions-smart__action .lumina-whatsapp-btn:visited {
  color: #26384a !important;
}

.lumina-admissions-smart__action .lumina-whatsapp-copy strong {
  color: #26384a !important;
}

.lumina-admissions-smart__action .lumina-whatsapp-copy small {
  color: #7a8795 !important;
  opacity: 1 !important;
}

@media (prefers-color-scheme: dark) {
  .lumina-admissions-smart__step:nth-child(1) { color: #8fc8f3 !important; }
  .lumina-admissions-smart__step:nth-child(3) { color: #b8c9d8 !important; }
  .lumina-admissions-smart__step:nth-child(5) { color: #ddc483 !important; }
  .lumina-admissions-smart__step:nth-child(7) { color: #9dcbd7 !important; }
  .lumina-admissions-smart__step:nth-child(9) { color: #c8cbd3 !important; }
  .lumina-admissions-smart__action .lumina-whatsapp-btn,
  .lumina-admissions-smart__action .lumina-whatsapp-btn:link,
  .lumina-admissions-smart__action .lumina-whatsapp-btn:visited,
  .lumina-admissions-smart__action .lumina-whatsapp-copy strong {
    color: #eef4f8 !important;
  }
  .lumina-admissions-smart__action .lumina-whatsapp-copy small {
    color: #a8b4bf !important;
  }
}

@media (max-width: 1180px) {
  .lumina-admissions-smart__inner {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
  .lumina-admissions-smart__copy,
  .lumina-admissions-smart__action {
    width: auto;
    justify-self: center;
    text-align: center;
  }
  .lumina-admissions-smart__action {
    justify-content: center;
  }
  .lumina-admissions-smart__flow {
    flex-wrap: wrap;
  }
}

/* ========================================
   Lumina Turkey — 01 Country Hero — Light
   2026-09-03
======================================== */

.lumina-country-hero {
  --country-navy: #061522;
  --country-blue: #1677d2;
  --country-blue-soft: #eaf4fc;
  --country-gold: #d19a34;
  --country-text: #17212b;
  --country-muted: #667383;
  --country-line: rgba(6, 21, 34, .10);

  width: min(1180px, calc(100% - 48px));
  margin: clamp(26px, 4vw, 48px) auto;
  color: var(--country-text);
  font-family: inherit;
}

.lumina-country-hero,
.lumina-country-hero *,
.lumina-country-hero *::before,
.lumina-country-hero *::after {
  box-sizing: border-box;
}

.lumina-country-hero__inner {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 510px;
  padding: clamp(42px, 5.5vw, 72px);
  overflow: hidden;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
  grid-template-areas: "copy visual";
  gap: clamp(42px, 6vw, 82px);
  align-items: center;
  direction: ltr;
  border: 1px solid var(--country-line);
  border-radius: 30px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 18px 48px rgba(7, 29, 49, .08);
}

.lumina-country-hero__inner::before {
  position: absolute;
  inset: auto -150px -190px auto;
  z-index: -1;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(22, 119, 210, .08);
  border-radius: 50%;
  box-shadow:
    0 0 0 58px rgba(22, 119, 210, .025),
    0 0 0 116px rgba(216, 181, 106, .018);
  content: "";
  pointer-events: none;
}

.lumina-country-hero__copy {
  grid-area: copy;
  direction: rtl;
  text-align: right;
}

.lumina-country-hero__kicker {
  display: inline-flex;
  margin: 0 0 14px;
  align-items: center;
  gap: 10px;
  color: var(--country-gold);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .035em;
}

.lumina-country-hero__kicker::before {
  width: 26px;
  height: 1px;
  background: currentColor;
  content: "";
}

.lumina-country-hero h1 {
  max-width: 650px;
  margin: 0 0 7px;
  color: var(--country-navy);
  font-size: clamp(2.7rem, 4.6vw, 4.65rem);
  font-weight: 780;
  line-height: 1.06;
  letter-spacing: -.035em;
}

.lumina-country-hero__subhead {
  max-width: 650px;
  margin: 0 0 20px;
  color: var(--country-blue);
  font-size: clamp(1.45rem, 2.2vw, 2.1rem);
  font-weight: 700;
  line-height: 1.35;
}

.lumina-country-hero__lead {
  max-width: 660px;
  margin: 0 0 26px;
  color: var(--country-muted);
  font-size: clamp(.98rem, 1.3vw, 1.1rem);
  line-height: 1.95;
}

.lumina-country-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 12px;
}

.lumina-country-hero__action {
  display: inline-flex;
  min-height: 54px;
  padding: 9px 18px 9px 11px;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid var(--country-navy);
  border-radius: 999px;
  background: var(--country-navy);
  box-shadow: 0 12px 26px rgba(6, 21, 34, .14);
  color: #fff !important;
  font-weight: 750;
  text-decoration: none !important;
  transition: transform .22s ease, background-color .22s ease, box-shadow .22s ease;
}

.lumina-country-hero__action:hover,
.lumina-country-hero__action:focus-visible {
  transform: translateY(-2px);
  background: #0b2237;
  box-shadow: 0 16px 32px rgba(6, 21, 34, .18);
}

.lumina-country-hero__visual {
  grid-area: visual;
  position: relative;
  min-height: 360px;
  display: grid;
  place-items: center;
  direction: rtl;
}

.lumina-country-hero__visual::before {
  position: absolute;
  width: min(330px, 86%);
  aspect-ratio: 1;
  border: 1px solid rgba(22, 119, 210, .12);
  border-radius: 50%;
  box-shadow:
    0 0 0 44px rgba(22, 119, 210, .035),
    0 0 0 88px rgba(216, 181, 106, .022);
  content: "";
}

.lumina-country-hero__visual::after {
  position: absolute;
  width: 238px;
  height: 238px;
  border: 1px dashed rgba(209, 154, 52, .18);
  border-radius: 50%;
  content: "";
}

.lumina-country-hero__flag {
  position: relative;
  z-index: 3;
  width: 138px;
  height: 138px;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(6, 21, 34, .08);
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 22px 52px rgba(7, 29, 49, .13),
    0 0 0 12px rgba(255, 255, 255, .72);
}

.lumina-country-hero__flag img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.lumina-country-hero__chip {
  position: absolute;
  z-index: 4;
  min-width: 126px;
  padding: 11px 15px;
  border: 1px solid rgba(6, 21, 34, .09);
  border-radius: 16px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 12px 28px rgba(7, 29, 49, .08);
  color: var(--country-muted);
  text-align: center;
  backdrop-filter: blur(9px);
}

.lumina-country-hero__chip strong,
.lumina-country-hero__chip span {
  display: block;
}

.lumina-country-hero__chip strong {
  margin-bottom: 3px;
  color: var(--country-blue);
  font-size: 1.18rem;
  line-height: 1.1;
}

.lumina-country-hero__chip span {
  font-size: .74rem;
  font-weight: 650;
}

.lumina-country-hero__chip--1 {
  top: 14%;
  right: 0;
}

.lumina-country-hero__chip--2 {
  top: 28%;
  left: -2%;
}

.lumina-country-hero__chip--3 {
  right: 50%;
  bottom: 2%;
  min-width: 205px;
  transform: translateX(50%);
}

.lumina-country-hero__chip--3 strong {
  color: var(--country-gold);
  font-size: .84rem;
}

@media (max-width: 900px) {
  .lumina-country-hero__inner {
    min-height: 0;
    padding: 46px 34px 38px;
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "visual";
    gap: 30px;
  }

  .lumina-country-hero__copy {
    text-align: center;
  }

  .lumina-country-hero h1,
  .lumina-country-hero__subhead,
  .lumina-country-hero__lead {
    margin-inline: auto;
  }

  .lumina-country-hero__actions {
    justify-content: center;
  }

  .lumina-country-hero__visual {
    min-height: 330px;
  }
}

@media (max-width: 600px) {
  .lumina-country-hero {
    width: calc(100% - 28px);
    margin-block: 18px 24px;
  }

  .lumina-country-hero__inner {
    padding: 38px 22px 30px;
    border-radius: 23px;
  }

  .lumina-country-hero h1 {
    font-size: clamp(2.35rem, 11vw, 3.05rem);
  }

  .lumina-country-hero__subhead {
    font-size: clamp(1.3rem, 6.8vw, 1.8rem);
  }

  .lumina-country-hero__visual {
    min-height: 285px;
  }

  .lumina-country-hero__visual::before {
    width: 230px;
    box-shadow:
      0 0 0 31px rgba(22, 119, 210, .03),
      0 0 0 62px rgba(216, 181, 106, .018);
  }

  .lumina-country-hero__visual::after {
    width: 168px;
    height: 168px;
  }

  .lumina-country-hero__flag {
    width: 102px;
    height: 102px;
    padding: 7px;
  }

  .lumina-country-hero__chip {
    min-width: 96px;
    padding: 8px 10px;
  }

  .lumina-country-hero__chip--1 { top: 12%; right: 0; }
  .lumina-country-hero__chip--2 { top: 27%; left: 0; }
  .lumina-country-hero__chip--3 { bottom: 0; min-width: 162px; }

  .lumina-country-hero__action {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-country-hero__action {
    transition: none;
  }
}

/* ========================================
   Lumina Turkey — 02 Cities
   Light editorial city selector
======================================== */
.lumina-turkey-cities {
  width: min(1180px, calc(100% - 48px));
  margin: clamp(28px, 5vw, 62px) auto;
  color: #17212b;
}

.lumina-turkey-cities,
.lumina-turkey-cities *,
.lumina-turkey-cities *::before,
.lumina-turkey-cities *::after {
  box-sizing: border-box;
}

.lumina-turkey-cities__heading {
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center;
}

.lumina-turkey-cities__kicker {
  margin: 0 0 8px;
  color: #d19a34;
  font-size: .79rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.lumina-turkey-cities__heading h2 {
  margin: 0 0 12px;
  color: #061522;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 760;
  line-height: 1.22;
  letter-spacing: -.02em;
}

.lumina-turkey-cities__heading h2 span {
  color: #1677d2;
}

.lumina-turkey-cities__lead {
  max-width: 650px;
  margin: 0 auto;
  color: #667383;
  font-size: .98rem;
  line-height: 1.9;
}

.lumina-turkey-cities__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.lumina-turkey-city {
  position: relative;
  isolation: isolate;
  min-height: 270px;
  padding: clamp(28px, 4vw, 42px);
  overflow: hidden;
  border: 1px solid rgba(6, 21, 34, .09);
  border-radius: 26px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 14px 36px rgba(7, 29, 49, .055);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.lumina-turkey-city::before {
  position: absolute;
  z-index: -1;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.lumina-turkey-city--istanbul::before {
  left: -72px;
  bottom: -92px;
  border: 1px solid rgba(22, 119, 210, .10);
  box-shadow: 0 0 0 34px rgba(22, 119, 210, .022);
}

.lumina-turkey-city--ankara::before {
  left: -72px;
  bottom: -92px;
  border: 1px solid rgba(216, 181, 106, .13);
  box-shadow: 0 0 0 34px rgba(216, 181, 106, .022);
}

.lumina-turkey-city:hover {
  transform: translateY(-3px);
  border-color: rgba(22, 119, 210, .18);
  box-shadow: 0 20px 46px rgba(7, 29, 49, .08);
}

.lumina-turkey-city__top {
  display: flex;
  margin-bottom: 32px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.lumina-turkey-city__name {
  margin: 0;
  color: #061522;
  font-size: clamp(1.75rem, 3vw, 2.45rem);
  font-weight: 780;
  line-height: 1.15;
}

.lumina-turkey-city__count {
  display: grid;
  min-width: 88px;
  min-height: 72px;
  padding: 9px 14px;
  place-items: center;
  border: 1px solid rgba(22, 119, 210, .11);
  border-radius: 18px;
  background: rgba(238, 247, 255, .78);
  text-align: center;
}

.lumina-turkey-city--ankara .lumina-turkey-city__count {
  border-color: rgba(216, 181, 106, .18);
  background: rgba(250, 246, 236, .82);
}

.lumina-turkey-city__count strong,
.lumina-turkey-city__count span {
  display: block;
}

.lumina-turkey-city__count strong {
  color: #1677d2;
  font-size: 1.65rem;
  line-height: 1;
}

.lumina-turkey-city--ankara .lumina-turkey-city__count strong {
  color: #c89534;
}

.lumina-turkey-city__count span {
  margin-top: 4px;
  color: #667383;
  font-size: .68rem;
  font-weight: 700;
}

.lumina-turkey-city__text {
  max-width: 500px;
  margin: 0;
  color: #667383;
  font-size: .95rem;
  line-height: 1.9;
}

.lumina-turkey-city__tag {
  display: inline-flex;
  margin-top: 24px;
  padding: 7px 11px;
  align-items: center;
  gap: 7px;
  border-radius: 999px;
  background: rgba(6, 21, 34, .045);
  color: #425466;
  font-size: .72rem;
  font-weight: 750;
}

.lumina-turkey-city__tag::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1677d2;
  content: "";
}

.lumina-turkey-city--ankara .lumina-turkey-city__tag::before {
  background: #d19a34;
}

@media (max-width: 760px) {
  .lumina-turkey-cities {
    width: calc(100% - 28px);
    margin-block: 28px 38px;
  }

  .lumina-turkey-cities__heading {
    margin-bottom: 22px;
  }

  .lumina-turkey-cities__grid {
    grid-template-columns: 1fr;
  }

  .lumina-turkey-city {
    min-height: 0;
    padding: 26px 22px;
    border-radius: 22px;
  }

  .lumina-turkey-city__top {
    margin-bottom: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-turkey-city {
    transition: none;
  }
}

/* ========================================
   Lumina Reusable — University Cards v2
   Compact cards + icon-led data
======================================== */

.lumina-university-showcase--compact {
  width: min(1380px, calc(100% - 40px));
  margin: clamp(38px, 5vw, 66px) auto;
  color: #17212b;
}

.lumina-university-showcase--compact,
.lumina-university-showcase--compact *,
.lumina-university-showcase--compact *::before,
.lumina-university-showcase--compact *::after {
  box-sizing: border-box;
}

.lumina-university-showcase__heading {
  max-width: 720px;
  margin: 0 auto 28px;
  text-align: center;
}

.lumina-university-showcase__heading h2 {
  margin: 0 0 10px;
  color: #061522;
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  font-weight: 760;
  line-height: 1.22;
  letter-spacing: -.02em;
}

.lumina-university-showcase__heading h2 span {
  color: #1677d2;
}

.lumina-university-showcase__heading > p:last-child {
  max-width: 650px;
  margin: 0 auto;
  color: #667383;
  font-size: .9rem;
  line-height: 1.75;
}

.lumina-university-grid--compact {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.lumina-u-card {
  --u-accent: #1677d2;
  --u-accent-soft: rgba(22,119,210,.11);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(6,21,34,.08);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 13px 34px rgba(7,29,49,.065);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.lumina-u-card--teal {
  --u-accent: #2b7a78;
  --u-accent-soft: rgba(43,122,120,.105);
}

.lumina-u-card--rose {
  --u-accent: #a85d68;
  --u-accent-soft: rgba(168,93,104,.10);
}

.lumina-u-card--gold {
  --u-accent: #9a7a38;
  --u-accent-soft: rgba(154,122,56,.105);
}

.lumina-u-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--u-accent) 22%, transparent);
  box-shadow: 0 19px 42px rgba(7,29,49,.09);
}

.lumina-u-card__media {
  position: relative;
  isolation: isolate;
  height: 168px;
  overflow: hidden;
  background: #edf3f6;
}

.lumina-u-card__campus {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .55s ease;
}

.lumina-u-card:hover .lumina-u-card__campus {
  transform: scale(1.022);
}

.lumina-u-card__media::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08), transparent 42%),
    linear-gradient(180deg, transparent 56%, rgba(6,21,34,.12));
}

.lumina-u-card__logo-stage {
  position: absolute;
  z-index: 3;
  top: 12px;
  left: 12px;
  width: 96px;
  height: 96px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 26px;
  background:
    radial-gradient(circle at 25% 20%, var(--u-accent-soft), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(240,246,249,.90));
  box-shadow: 0 12px 28px rgba(7,29,49,.13);
  backdrop-filter: blur(8px);
}

.lumina-u-card__logo-stage::before {
  position: absolute;
  width: 72px;
  height: 72px;
  border: 1px solid color-mix(in srgb, var(--u-accent) 16%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 14px color-mix(in srgb, var(--u-accent) 4%, transparent);
  content: "";
}

.lumina-u-card__orbit {
  position: absolute;
  width: 82px;
  height: 82px;
  border: 1px dashed rgba(6,21,34,.07);
  border-radius: 50%;
  transform: rotate(-17deg);
}

.lumina-u-card__logo-stage > img {
  position: relative;
  z-index: 2;
  width: 56px;
  height: 56px;
  object-fit: contain;
  filter: drop-shadow(0 6px 11px rgba(7,29,49,.10));
}

.lumina-u-card__spark {
  position: absolute;
  z-index: 2;
  border-radius: 50%;
}

.lumina-u-card__spark--1 {
  top: 11px;
  right: 17px;
  width: 6px;
  height: 6px;
  background: #d8b56a;
}

.lumina-u-card__spark--2 {
  right: 15px;
  bottom: 13px;
  width: 4px;
  height: 4px;
  background: #72bfff;
}

.lumina-u-card__badge {
  position: absolute;
  z-index: 4;
  top: 13px;
  right: 13px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 999px;
  background: color-mix(in srgb, var(--u-accent) 80%, #061522);
  box-shadow: 0 7px 16px rgba(7,29,49,.10);
  color: #fff;
  font-size: .67rem;
  font-weight: 800;
  backdrop-filter: blur(7px);
}

.lumina-u-card__body {
  padding: 17px 17px 16px;
}

.lumina-u-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}

.lumina-u-card__meta > span {
  color: var(--u-accent);
  font-size: .72rem;
  font-weight: 800;
}

.lumina-u-card__meta > b {
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--u-accent-soft);
  color: var(--u-accent);
  font-size: .62rem;
  font-weight: 750;
}

.lumina-u-card h3 {
  min-height: 48px;
  margin: 0 0 14px;
  color: #061522;
  font-size: 1.04rem;
  font-weight: 780;
  line-height: 1.42;
}

.lumina-u-card__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 10px;
  margin-bottom: 16px;
}

.lumina-u-card__fact {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.lumina-u-card__fact-icon {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--u-accent-soft);
}

.lumina-u-card__fact-icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.lumina-u-card__fact-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.lumina-u-card__fact-copy small {
  color: #8a96a1;
  font-size: .60rem;
  line-height: 1.35;
}

.lumina-u-card__fact-copy strong {
  overflow: hidden;
  color: #263646;
  font-size: .72rem;
  font-weight: 740;
  line-height: 1.45;
  text-overflow: ellipsis;
}

.lumina-u-card__bottom {
  padding-top: 13px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid rgba(6,21,34,.065);
}

.lumina-u-card__price {
  min-width: 0;
  display: grid;
}

.lumina-u-card__price > span {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.lumina-u-card__price del {
  color: #a5afb8;
  font-size: .69rem;
  font-weight: 650;
}

.lumina-u-card__price > span small {
  color: #9aa5ae;
  font-size: .54rem;
}

.lumina-u-card__price > strong {
  margin-top: 1px;
  color: #061522;
  font-size: 1.28rem;
  font-weight: 840;
  line-height: 1.05;
}

.lumina-u-card__price > small {
  margin-top: 4px;
  color: #9aa5ae;
  font-size: .54rem;
}

.lumina-u-card__more {
  min-height: 36px;
  padding: 8px 11px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  border: 1px solid color-mix(in srgb, var(--u-accent) 20%, transparent);
  border-radius: 999px;
  background: var(--u-accent-soft);
  color: var(--u-accent) !important;
  font-size: .67rem;
  font-weight: 780;
  text-decoration: none !important;
  transition: transform .2s ease, background-color .2s ease;
}

.lumina-u-card__more:hover,
.lumina-u-card__more:focus-visible {
  transform: translateX(-2px);
  background: color-mix(in srgb, var(--u-accent) 15%, #fff);
}

.lumina-u-card__more span {
  font-size: .8rem;
}

@media (max-width: 1180px) {
  .lumina-university-grid--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lumina-u-card__media {
    height: 190px;
  }
}

@media (max-width: 620px) {
  .lumina-university-showcase--compact {
    width: calc(100% - 28px);
  }

  .lumina-university-grid--compact {
    grid-template-columns: 1fr;
  }

  .lumina-u-card__media {
    height: 195px;
  }

  .lumina-u-card h3 {
    min-height: 0;
  }

  .lumina-u-card__facts {
    gap: 14px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-u-card,
  .lumina-u-card__campus,
  .lumina-u-card__more {
    transition: none;
  }
}

/* ========================================
   Lumina Courses — 01 Hero
   Light, wide, contact-inspired composition
======================================== */
.lumina-courses-hero {
  width: min(1320px, calc(100% - 40px));
  margin: 26px auto 34px;
  padding: 28px;
  direction: rtl;
  color: #10293b;
  background: #f7f9fb;
  border-radius: 30px;
  overflow: hidden;
}

.lumina-courses-hero *,
.lumina-courses-hero *::before,
.lumina-courses-hero *::after { box-sizing: border-box; }

.lumina-courses-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(390px, 1.08fr);
  grid-template-areas: "copy visual";
  min-height: 455px;
  align-items: stretch;
  direction: ltr;
}

.lumina-courses-hero__copy {
  grid-area: copy;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(38px, 5vw, 68px);
  direction: rtl;
  text-align: right;
  background: #ffffff;
  border-radius: 28px 0 0 28px;
  box-shadow: 0 20px 50px rgba(16, 41, 59, .08);
}

.lumina-courses-hero__kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  color: #c68d27;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .02em;
}

.lumina-courses-hero__kicker::before {
  content: "";
  width: 38px;
  height: 1px;
  background: #d4a24c;
}

.lumina-courses-hero h1 {
  max-width: 600px;
  margin: 0 0 18px;
  color: #10293b;
  font-size: clamp(2.45rem, 4.4vw, 4.65rem);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.035em;
}

.lumina-courses-hero h1 span {
  color: #1677d2;
  font-weight: 750;
}

.lumina-courses-hero__lead {
  max-width: 590px;
  margin: 0 0 28px;
  color: #526575;
  font-size: clamp(.98rem, 1.2vw, 1.08rem);
  line-height: 1.95;
}

.lumina-courses-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  align-items: center;
}

.lumina-courses-hero__primary,
.lumina-courses-hero__secondary {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 20px;
  border-radius: 12px;
  font-size: .9rem;
  font-weight: 800;
  text-decoration: none !important;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.lumina-courses-hero__primary {
  background: #1677d2;
  color: #fff !important;
  box-shadow: 0 12px 25px rgba(22,119,210,.18);
}

.lumina-courses-hero__secondary {
  border: 1px solid rgba(16,41,59,.14);
  background: #fff;
  color: #10293b !important;
}

.lumina-courses-hero__primary:hover,
.lumina-courses-hero__secondary:hover,
.lumina-courses-hero__primary:focus-visible,
.lumina-courses-hero__secondary:focus-visible {
  transform: translateY(-2px);
}

.lumina-courses-hero__visual {
  grid-area: visual;
  position: relative;
  min-height: 455px;
  overflow: hidden;
  border-radius: 0 28px 28px 0;
  background: #edf3f6;
}

.lumina-courses-hero__visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.lumina-courses-hero__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(247,249,251,.08), transparent 35%);
}

.lumina-courses-hero__note {
  position: absolute;
  z-index: 5;
  right: clamp(26px, 4vw, 58px);
  bottom: 22px;
  width: min(430px, 42%);
  min-height: 96px;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 16px;
  align-items: center;
  padding: 18px 22px;
  direction: rtl;
  text-align: right;
  border-radius: 16px;
  background: #102f43;
  color: #fff;
  box-shadow: 0 22px 42px rgba(16,41,59,.22);
}

.lumina-courses-hero__note-icon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1.5px solid #d4a24c;
  border-radius: 50%;
  color: #d4a24c;
  font-size: 1.35rem;
}

.lumina-courses-hero__note strong {
  display: block;
  margin-bottom: 3px;
  color: #e0b75d;
  font-size: .9rem;
}

.lumina-courses-hero__note p {
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: .79rem;
  line-height: 1.7;
}

@media (max-width: 980px) {
  .lumina-courses-hero { padding: 20px; }
  .lumina-courses-hero__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "visual" "copy";
    min-height: 0;
  }
  .lumina-courses-hero__visual {
    min-height: 350px;
    border-radius: 24px 24px 0 0;
  }
  .lumina-courses-hero__copy {
    border-radius: 0 0 24px 24px;
  }
  .lumina-courses-hero__note {
    right: 28px;
    top: 300px;
    bottom: auto;
    width: min(430px, calc(100% - 56px));
  }
  .lumina-courses-hero__copy { padding-top: 78px; }
}

@media (max-width: 600px) {
  .lumina-courses-hero {
    width: calc(100% - 24px);
    margin-block: 16px 24px;
    padding: 10px;
    border-radius: 22px;
  }
  .lumina-courses-hero__visual { min-height: 280px; }
  .lumina-courses-hero__copy { padding: 72px 22px 28px; }
  .lumina-courses-hero h1 { font-size: clamp(2.15rem, 11vw, 3.05rem); }
  .lumina-courses-hero__note {
    right: 20px;
    top: 236px;
    width: calc(100% - 40px);
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 14px 16px;
  }
  .lumina-courses-hero__note-icon { width: 42px; height: 42px; }
  .lumina-courses-hero__actions { align-items: stretch; flex-direction: column; }
  .lumina-courses-hero__primary,
  .lumina-courses-hero__secondary { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-courses-hero__primary,
  .lumina-courses-hero__secondary { transition: none; }
}

/* ========================================
   Lumina Courses — 01 Hero v3 polish
   Airier mobile overlap + subtle Lumina atmosphere
======================================== */
.lumina-courses-hero {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 9% 15%, rgba(114,191,255,.13) 0 8%, transparent 28%),
    radial-gradient(circle at 91% 86%, rgba(216,181,106,.10) 0 7%, transparent 24%),
    linear-gradient(135deg, #f9fbfd 0%, #eef6fb 54%, #f8fafb 100%);
}

.lumina-courses-hero::before,
.lumina-courses-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
}

.lumina-courses-hero::before {
  top: -190px;
  left: -120px;
  width: 430px;
  height: 430px;
  border: 1px solid rgba(22,119,210,.09);
  box-shadow:
    0 0 0 54px rgba(22,119,210,.025),
    0 0 0 108px rgba(22,119,210,.018);
}

.lumina-courses-hero::after {
  right: -105px;
  bottom: -145px;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(216,181,106,.11);
  box-shadow: 0 0 0 44px rgba(216,181,106,.025);
}

.lumina-courses-hero__copy {
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 10%, rgba(114,191,255,.10), transparent 29%),
    linear-gradient(145deg, rgba(255,255,255,.99), rgba(250,253,255,.97));
}

.lumina-courses-hero__copy::before {
  content: "";
  position: absolute;
  top: -155px;
  left: -120px;
  width: 340px;
  height: 340px;
  border: 1px solid rgba(22,119,210,.075);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(22,119,210,.018);
  pointer-events: none;
}

.lumina-courses-hero__copy > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 980px) {
  .lumina-courses-hero__copy {
    padding-top: 104px;
  }
}

@media (max-width: 600px) {
  .lumina-courses-hero {
    padding: 10px;
    background:
      radial-gradient(circle at 6% 17%, rgba(114,191,255,.15), transparent 27%),
      radial-gradient(circle at 95% 80%, rgba(216,181,106,.10), transparent 24%),
      linear-gradient(145deg, #f9fbfd 0%, #edf5fa 58%, #f8fafb 100%);
  }

  .lumina-courses-hero__visual {
    min-height: 280px;
  }

  .lumina-courses-hero__note {
    top: 238px;
  }

  .lumina-courses-hero__copy {
    padding: 128px 22px 30px;
  }

  .lumina-courses-hero__kicker {
    margin-bottom: 20px;
  }

  .lumina-courses-hero__copy::before {
    top: 58px;
    left: -155px;
    width: 330px;
    height: 330px;
  }
}

/* ========================================
   Lumina Courses — 02 Learning Areas
   Editorial cards / light premium palette
======================================== */
.lumina-courses-areas {
  width: min(1320px, calc(100% - 40px));
  margin: 28px auto 36px;
  direction: rtl;
  color: #10293b;
}

.lumina-courses-areas *,
.lumina-courses-areas *::before,
.lumina-courses-areas *::after {
  box-sizing: border-box;
}

.lumina-courses-areas__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.55fr);
  gap: clamp(28px, 4vw, 58px);
  align-items: center;
  padding: clamp(34px, 5vw, 64px);
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 12%, rgba(114,191,255,.12), transparent 27%),
    radial-gradient(circle at 94% 88%, rgba(216,181,106,.09), transparent 23%),
    linear-gradient(135deg, #f9fbfd 0%, #f1f7fb 48%, #fbfcfd 100%);
}

.lumina-courses-areas__inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -235px;
  right: -175px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(22,119,210,.07);
  border-radius: 50%;
  box-shadow:
    0 0 0 58px rgba(22,119,210,.018),
    0 0 0 116px rgba(22,119,210,.012);
  pointer-events: none;
}

.lumina-courses-areas__intro {
  position: relative;
  z-index: 2;
  padding-inline-start: clamp(0px, 2vw, 22px);
}

.lumina-courses-areas__kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 15px;
  color: #bd8627;
  font-size: .78rem;
  font-weight: 800;
}

.lumina-courses-areas__kicker::before {
  content: "";
  width: 38px;
  height: 1px;
  background: #d4a24c;
}

.lumina-courses-areas h2 {
  max-width: 430px;
  margin: 0 0 20px;
  color: #10293b;
  font-size: clamp(2.15rem, 3.5vw, 3.75rem);
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: -.035em;
}

.lumina-courses-areas h2 span {
  display: block;
  color: #1677d2;
  font-weight: 750;
}

.lumina-courses-areas__lead {
  max-width: 430px;
  margin: 0;
  color: #5a6d7d;
  font-size: .98rem;
  line-height: 1.95;
}

.lumina-courses-areas__cue {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  color: #81909b;
  font-size: .72rem;
}

.lumina-courses-areas__cue span {
  width: 46px;
  height: 1px;
  background: linear-gradient(90deg, #d4a24c, rgba(212,162,76,.15));
}

.lumina-courses-areas__cue small {
  font-size: inherit;
}

.lumina-courses-areas__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.lumina-courses-area {
  --area-accent: #277ebc;
  --area-soft: rgba(39,126,188,.09);
  position: relative;
  min-height: 220px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 15px 17px;
  align-content: start;
  padding: 24px;
  border: 1px solid rgba(16,41,59,.075);
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 8%, var(--area-soft), transparent 34%),
    rgba(255,255,255,.91);
  box-shadow: 0 14px 34px rgba(16,41,59,.055);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.lumina-courses-area:hover {
  transform: translateY(-3px);
  border-color: rgba(22,119,210,.14);
  box-shadow: 0 19px 40px rgba(16,41,59,.08);
}

.lumina-courses-area--career {
  --area-accent: #347b73;
  --area-soft: rgba(52,123,115,.09);
}

.lumina-courses-area--academic {
  --area-accent: #9b7939;
  --area-soft: rgba(155,121,57,.09);
}

.lumina-courses-area--special {
  --area-accent: #6c7191;
  --area-soft: rgba(108,113,145,.09);
}

.lumina-courses-area__number {
  position: absolute;
  top: 16px;
  left: 19px;
  color: rgba(16,41,59,.11);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
}

.lumina-courses-area__icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  align-self: start;
  border: 1px solid color-mix(in srgb, var(--area-accent) 18%, transparent);
  border-radius: 16px;
  background: var(--area-soft);
  color: var(--area-accent);
}

.lumina-courses-area__icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lumina-courses-area__eyebrow {
  margin: 0 0 4px;
  color: var(--area-accent);
  font-size: .68rem;
  font-weight: 850;
}

.lumina-courses-area h3 {
  margin: 0 0 9px;
  color: #10293b;
  font-size: 1.16rem;
  font-weight: 800;
  line-height: 1.45;
}

.lumina-courses-area p:not(.lumina-courses-area__eyebrow) {
  margin: 0;
  color: #637483;
  font-size: .82rem;
  line-height: 1.8;
}

.lumina-courses-area__line {
  position: absolute;
  right: 24px;
  bottom: 18px;
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: var(--area-accent);
  opacity: .55;
}

@media (max-width: 980px) {
  .lumina-courses-areas__inner {
    grid-template-columns: 1fr;
  }

  .lumina-courses-areas__intro {
    max-width: 680px;
    padding-inline-start: 0;
  }

  .lumina-courses-areas h2,
  .lumina-courses-areas__lead {
    max-width: 620px;
  }
}

@media (max-width: 680px) {
  .lumina-courses-areas {
    width: calc(100% - 24px);
    margin-block: 20px 28px;
  }

  .lumina-courses-areas__inner {
    gap: 28px;
    padding: 34px 16px 18px;
    border-radius: 24px;
  }

  .lumina-courses-areas__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .lumina-courses-areas h2 {
    font-size: clamp(2.1rem, 10.5vw, 3rem);
  }

  .lumina-courses-areas__lead {
    font-size: .91rem;
    line-height: 1.9;
  }

  .lumina-courses-areas__cue {
    margin-top: 20px;
  }

  .lumina-courses-area {
    min-height: 0;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px 14px;
    padding: 20px 18px 22px;
    border-radius: 18px;
  }

  .lumina-courses-area__icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .lumina-courses-area__icon svg {
    width: 21px;
    height: 21px;
  }

  .lumina-courses-area__line {
    right: 18px;
    bottom: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-courses-area {
    transition: none;
  }
}

/* COURSES — 02 external SVG icon assets */
.lumina-courses-area__icon img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
}

@media (max-width: 680px) {
  .lumina-courses-area__icon img {
    width: 21px;
    height: 21px;
  }
}

/* ========================================
   Lumina Courses — 03 How It Works
   Quiet 3-step editorial journey
======================================== */
.lumina-courses-process {
  width: min(1320px, calc(100% - 40px));
  margin: 28px auto 38px;
  direction: rtl;
  color: #10293b;
}

.lumina-courses-process *,
.lumina-courses-process *::before,
.lumina-courses-process *::after {
  box-sizing: border-box;
}

.lumina-courses-process__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(36px, 5vw, 66px);
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 30px;
  background:
    radial-gradient(circle at 88% 12%, rgba(114,191,255,.11), transparent 27%),
    radial-gradient(circle at 8% 92%, rgba(216,181,106,.08), transparent 24%),
    linear-gradient(145deg, #fbfcfd 0%, #f3f8fb 56%, #fafcfd 100%);
}

.lumina-courses-process__inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -230px;
  left: -150px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(22,119,210,.065);
  border-radius: 50%;
  box-shadow:
    0 0 0 54px rgba(22,119,210,.018),
    0 0 0 108px rgba(22,119,210,.012);
  pointer-events: none;
}

.lumina-courses-process__head {
  max-width: 720px;
  margin: 0 auto 38px;
  text-align: center;
}

.lumina-courses-process__kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 13px;
  color: #bd8627;
  font-size: .78rem;
  font-weight: 800;
}

.lumina-courses-process__kicker::before,
.lumina-courses-process__kicker::after {
  content: "";
  width: 34px;
  height: 1px;
  background: linear-gradient(90deg, rgba(212,162,76,.15), #d4a24c);
}

.lumina-courses-process__kicker::after {
  background: linear-gradient(90deg, #d4a24c, rgba(212,162,76,.15));
}

.lumina-courses-process h2 {
  margin: 0 0 16px;
  color: #10293b;
  font-size: clamp(2.05rem, 3.3vw, 3.45rem);
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.03em;
}

.lumina-courses-process h2 span {
  color: #1677d2;
  font-weight: 750;
}

.lumina-courses-process__head > p:last-child {
  max-width: 650px;
  margin: 0 auto;
  color: #607282;
  font-size: .96rem;
  line-height: 1.9;
}

.lumina-courses-process__steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.lumina-courses-process__steps::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 47px;
  right: 16%;
  left: 16%;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(167,123,44,.18),
    rgba(79,127,121,.24) 50%,
    rgba(22,119,210,.18));
}

.lumina-courses-step {
  position: relative;
  z-index: 1;
  min-height: 260px;
  padding: 22px 22px 24px;
  border: 1px solid rgba(16,41,59,.075);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 14px 34px rgba(16,41,59,.05);
}

.lumina-courses-step__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

.lumina-courses-step__num {
  color: rgba(16,41,59,.16);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
}

.lumina-courses-step__icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f4f8fb;
  border: 1px solid rgba(16,41,59,.075);
  box-shadow: 0 7px 16px rgba(16,41,59,.045);
}

.lumina-courses-step__icon img {
  width: 26px;
  height: 26px;
  display: block;
  object-fit: contain;
}

.lumina-courses-step__eyebrow {
  margin: 0 0 6px;
  color: #1677d2;
  font-size: .68rem;
  font-weight: 850;
}

.lumina-courses-step:nth-child(2) .lumina-courses-step__eyebrow {
  color: #4f7f79;
}

.lumina-courses-step:nth-child(3) .lumina-courses-step__eyebrow {
  color: #a77b2c;
}

.lumina-courses-step h3 {
  margin: 0 0 10px;
  color: #10293b;
  font-size: 1.14rem;
  font-weight: 800;
  line-height: 1.5;
}

.lumina-courses-step__body > p:last-child {
  margin: 0;
  color: #647684;
  font-size: .83rem;
  line-height: 1.82;
}

.lumina-courses-process__footnote {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
  color: #7b8a95;
  text-align: center;
}

.lumina-courses-process__footnote span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d4a24c;
  box-shadow: 0 0 0 5px rgba(212,162,76,.09);
}

.lumina-courses-process__footnote p {
  margin: 0;
  font-size: .76rem;
}

@media (max-width: 900px) {
  .lumina-courses-process__steps {
    grid-template-columns: 1fr;
  }

  .lumina-courses-process__steps::before {
    top: 58px;
    right: 49px;
    bottom: 58px;
    left: auto;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg,
      rgba(22,119,210,.18),
      rgba(79,127,121,.24) 50%,
      rgba(167,123,44,.18));
  }

  .lumina-courses-step {
    min-height: 0;
    padding: 20px 20px 22px;
  }

  .lumina-courses-step__top {
    justify-content: flex-start;
  }

  .lumina-courses-step__num {
    order: 2;
  }
}

@media (max-width: 680px) {
  .lumina-courses-process {
    width: calc(100% - 24px);
    margin-block: 20px 30px;
  }

  .lumina-courses-process__inner {
    padding: 34px 16px 24px;
    border-radius: 24px;
  }

  .lumina-courses-process__head {
    margin-bottom: 28px;
  }

  .lumina-courses-process h2 {
    font-size: clamp(2rem, 10vw, 2.85rem);
  }

  .lumina-courses-process__head > p:last-child {
    font-size: .9rem;
  }

  .lumina-courses-process__steps {
    gap: 11px;
  }

  .lumina-courses-process__steps::before {
    right: 38px;
  }

  .lumina-courses-step__icon {
    width: 46px;
    height: 46px;
  }

  .lumina-courses-step__icon img {
    width: 22px;
    height: 22px;
  }

  .lumina-courses-step h3 {
    font-size: 1.05rem;
  }

  .lumina-courses-process__footnote {
    align-items: flex-start;
    padding-inline: 8px;
    text-align: right;
  }

  .lumina-courses-process__footnote span {
    flex: 0 0 7px;
    margin-top: 7px;
  }
}

/* ========================================
   Lumina Courses — 04 Final CTA
   Light premium close / focused WhatsApp action
======================================== */
.lumina-courses-cta {
  width: min(1320px, calc(100% - 40px));
  margin: 30px auto 42px;
  direction: rtl;
  color: #10293b;
}

.lumina-courses-cta *,
.lumina-courses-cta *::before,
.lumina-courses-cta *::after {
  box-sizing: border-box;
}

.lumina-courses-cta__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  align-items: center;
  gap: clamp(24px, 4vw, 52px);
  padding: clamp(38px, 5vw, 66px);
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 30px;
  background:
    radial-gradient(circle at 12% 14%, rgba(114,191,255,.14), transparent 29%),
    radial-gradient(circle at 88% 84%, rgba(216,181,106,.10), transparent 24%),
    linear-gradient(135deg, #f9fbfd 0%, #eef6fb 55%, #f8fafb 100%);
  box-shadow: 0 18px 44px rgba(16,41,59,.055);
}

.lumina-courses-cta__inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -210px;
  right: -160px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(22,119,210,.07);
  border-radius: 50%;
  box-shadow:
    0 0 0 58px rgba(22,119,210,.02),
    0 0 0 116px rgba(22,119,210,.013);
  pointer-events: none;
}

.lumina-courses-cta__copy {
  position: relative;
  z-index: 2;
}

.lumina-courses-cta__kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 15px;
  color: #bd8627;
  font-size: .78rem;
  font-weight: 800;
}

.lumina-courses-cta__kicker::before {
  content: "";
  width: 38px;
  height: 1px;
  background: #d4a24c;
}

.lumina-courses-cta h2 {
  max-width: 720px;
  margin: 0 0 18px;
  color: #10293b;
  font-size: clamp(2.2rem, 4vw, 4rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.lumina-courses-cta h2 span {
  color: #1677d2;
  font-weight: 750;
}

.lumina-courses-cta__lead {
  max-width: 690px;
  margin: 0 0 28px;
  color: #5b6e7e;
  font-size: .98rem;
  line-height: 1.95;
}

.lumina-courses-cta__whatsapp {
  width: min(420px, 100%);
  min-height: 78px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 14px 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 50%, rgba(65,216,108,.14), transparent 22%),
    linear-gradient(135deg, #061522 0%, #0c2a40 100%);
  box-shadow: 0 18px 34px rgba(6,21,34,.18);
  color: #fff !important;
  text-decoration: none !important;
  transition: transform .25s ease, box-shadow .25s ease;
}

.lumina-courses-cta__whatsapp:hover,
.lumina-courses-cta__whatsapp:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 22px 38px rgba(6,21,34,.22);
}

.lumina-courses-cta__whatsapp-mark {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.lumina-courses-cta__whatsapp-mark img {
  width: 30px;
  height: 30px;
  display: block;
}

.lumina-courses-cta__whatsapp-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: right;
}

.lumina-courses-cta__whatsapp-copy strong {
  color: #e4bc63;
  font-size: 1.02rem;
  font-weight: 850;
}

.lumina-courses-cta__whatsapp-copy small {
  color: rgba(255,255,255,.78);
  font-size: .76rem;
}

.lumina-courses-cta__visual {
  position: relative;
  min-height: 220px;
}

.lumina-courses-cta__orbit,
.lumina-courses-cta__signal,
.lumina-courses-cta__dot {
  position: absolute;
  border-radius: 50%;
}

.lumina-courses-cta__orbit {
  border: 1px solid rgba(22,119,210,.10);
}

.lumina-courses-cta__orbit--1 {
  width: 240px;
  height: 240px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lumina-courses-cta__orbit--2 {
  width: 150px;
  height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-color: rgba(216,181,106,.16);
}

.lumina-courses-cta__signal {
  width: 84px;
  height: 84px;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(22,119,210,.10);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 32px rgba(16,41,59,.08);
}

.lumina-courses-cta__signal span {
  width: 28px;
  height: 28px;
  display: block;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #86caff, #1677d2 72%);
  box-shadow:
    0 0 0 9px rgba(22,119,210,.08),
    0 0 0 18px rgba(22,119,210,.035);
}

.lumina-courses-cta__dot--1 {
  width: 10px;
  height: 10px;
  top: 24%;
  right: 15%;
  background: #d8b56a;
  box-shadow: 0 0 0 8px rgba(216,181,106,.08);
}

.lumina-courses-cta__dot--2 {
  width: 8px;
  height: 8px;
  bottom: 23%;
  left: 14%;
  background: #72bfff;
  box-shadow: 0 0 0 7px rgba(114,191,255,.08);
}

.lumina-courses-cta__dot--3 {
  width: 6px;
  height: 6px;
  top: 18%;
  left: 28%;
  background: #9eb3c3;
}

@media (max-width: 900px) {
  .lumina-courses-cta__inner {
    grid-template-columns: 1fr;
  }

  .lumina-courses-cta__visual {
    order: -1;
    min-height: 160px;
  }

  .lumina-courses-cta__orbit--1 {
    width: 190px;
    height: 190px;
  }

  .lumina-courses-cta__orbit--2 {
    width: 116px;
    height: 116px;
  }
}

@media (max-width: 680px) {
  .lumina-courses-cta {
    width: calc(100% - 24px);
    margin-block: 22px 32px;
  }

  .lumina-courses-cta__inner {
    gap: 20px;
    padding: 30px 16px 22px;
    border-radius: 24px;
  }

  .lumina-courses-cta__visual {
    min-height: 135px;
  }

  .lumina-courses-cta__orbit--1 {
    width: 160px;
    height: 160px;
  }

  .lumina-courses-cta__orbit--2 {
    width: 98px;
    height: 98px;
  }

  .lumina-courses-cta__signal {
    width: 68px;
    height: 68px;
  }

  .lumina-courses-cta__signal span {
    width: 23px;
    height: 23px;
  }

  .lumina-courses-cta h2 {
    font-size: clamp(2rem, 10vw, 2.9rem);
  }

  .lumina-courses-cta__lead {
    font-size: .91rem;
  }

  .lumina-courses-cta__whatsapp {
    width: 100%;
    min-height: 74px;
    border-radius: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-courses-cta__whatsapp {
    transition: none;
  }
}

/* ========================================
   Lumina Courses — 04 Final CTA v3
   Compact intuitive WhatsApp orb
======================================== */
.lumina-courses-cta--compact .lumina-courses-cta__inner {
  min-height: 235px;
  grid-template-columns: minmax(0, 1.25fr) minmax(240px, .55fr);
  gap: clamp(18px, 3vw, 36px);
  padding: clamp(28px, 4vw, 46px) clamp(30px, 5vw, 58px);
}

.lumina-courses-cta--compact .lumina-courses-cta__copy {
  max-width: 760px;
}

.lumina-courses-cta--compact .lumina-courses-cta__kicker {
  margin-bottom: 10px;
}

.lumina-courses-cta--compact .lumina-courses-cta h2,
.lumina-courses-cta--compact h2 {
  max-width: 700px;
  margin-bottom: 10px;
  font-size: clamp(2rem, 3.35vw, 3.45rem);
  line-height: 1.12;
}

.lumina-courses-cta--compact .lumina-courses-cta__lead {
  max-width: 600px;
  margin: 0;
  font-size: .94rem;
  line-height: 1.8;
}

.lumina-courses-cta--compact .lumina-courses-cta__visual {
  min-height: 150px;
}

.lumina-courses-cta--compact .lumina-courses-cta__orbit--1 {
  width: 200px;
  height: 200px;
}

.lumina-courses-cta--compact .lumina-courses-cta__orbit--2 {
  width: 126px;
  height: 126px;
}

.lumina-courses-cta__wa-orb {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(16,41,59,.08);
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  box-shadow:
    0 18px 36px rgba(16,41,59,.10),
    inset 0 0 0 1px rgba(255,255,255,.7);
  text-decoration: none !important;
  transition: transform .25s ease, box-shadow .25s ease;
}

.lumina-courses-cta__wa-orb::before,
.lumina-courses-cta__wa-orb::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
}

.lumina-courses-cta__wa-orb::before {
  background:
    radial-gradient(circle, rgba(37,211,102,.15) 0 24%, transparent 62%);
  filter: blur(9px);
  opacity: .9;
}

.lumina-courses-cta__wa-orb::after {
  inset: 8px;
  border: 1px solid rgba(37,211,102,.14);
}

.lumina-courses-cta__wa-orb img {
  position: relative;
  z-index: 3;
  width: 42px;
  height: 42px;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 7px 12px rgba(37,211,102,.20));
}

.lumina-courses-cta__wa-pulse {
  position: absolute;
  inset: -14px;
  border: 1px solid rgba(37,211,102,.20);
  border-radius: 50%;
  animation: luminaWaPulse 2.6s ease-out infinite;
  pointer-events: none;
}

.lumina-courses-cta__wa-orb:hover,
.lumina-courses-cta__wa-orb:focus-visible {
  transform: translate(-50%, -50%) scale(1.055);
  box-shadow:
    0 22px 42px rgba(16,41,59,.13),
    0 0 0 10px rgba(37,211,102,.045);
}

@keyframes luminaWaPulse {
  0% {
    transform: scale(.86);
    opacity: .62;
  }
  70% {
    transform: scale(1.18);
    opacity: 0;
  }
  100% {
    transform: scale(1.18);
    opacity: 0;
  }
}

@media (max-width: 900px) {
  .lumina-courses-cta--compact .lumina-courses-cta__inner {
    grid-template-columns: 1fr minmax(170px, .38fr);
  }

  .lumina-courses-cta--compact .lumina-courses-cta__visual {
    order: initial;
    min-height: 140px;
  }

  .lumina-courses-cta--compact .lumina-courses-cta__orbit--1 {
    width: 170px;
    height: 170px;
  }

  .lumina-courses-cta--compact .lumina-courses-cta__orbit--2 {
    width: 108px;
    height: 108px;
  }
}

@media (max-width: 680px) {
  .lumina-courses-cta--compact .lumina-courses-cta__inner {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 28px 18px 20px;
  }

  .lumina-courses-cta--compact .lumina-courses-cta__copy {
    text-align: center;
  }

  .lumina-courses-cta--compact .lumina-courses-cta__kicker {
    justify-content: center;
  }

  .lumina-courses-cta--compact .lumina-courses-cta__lead {
    margin-inline: auto;
  }

  .lumina-courses-cta--compact .lumina-courses-cta__visual {
    order: -1;
    min-height: 128px;
  }

  .lumina-courses-cta--compact .lumina-courses-cta__orbit--1 {
    width: 150px;
    height: 150px;
  }

  .lumina-courses-cta--compact .lumina-courses-cta__orbit--2 {
    width: 94px;
    height: 94px;
  }

  .lumina-courses-cta__wa-orb {
    width: 80px;
    height: 80px;
  }

  .lumina-courses-cta__wa-orb img {
    width: 36px;
    height: 36px;
  }

  .lumina-courses-cta--compact h2 {
    font-size: clamp(1.9rem, 9.5vw, 2.6rem);
  }

  .lumina-courses-cta--compact .lumina-courses-cta__lead {
    font-size: .88rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-courses-cta__wa-pulse {
    animation: none;
  }

  .lumina-courses-cta__wa-orb {
    transition: none;
  }
}

/* ========================================
   Lumina Courses — 04 WhatsApp orb v4
   Strong, unmistakable interactive green
======================================== */
.lumina-courses-cta__wa-orb {
  border: 1px solid rgba(24, 181, 82, .42);
  background: linear-gradient(145deg, #31df72 0%, #20c862 58%, #18b956 100%);
  box-shadow:
    0 16px 34px rgba(32, 200, 98, .28),
    0 0 0 8px rgba(37, 211, 102, .075),
    inset 0 1px 0 rgba(255,255,255,.34);
}

.lumina-courses-cta__wa-orb::before {
  background: radial-gradient(circle, rgba(37,211,102,.40) 0 30%, rgba(37,211,102,.10) 52%, transparent 72%);
  filter: blur(11px);
  opacity: 1;
}

.lumina-courses-cta__wa-orb::after {
  inset: 7px;
  border: 1px solid rgba(255,255,255,.30);
}

.lumina-courses-cta__wa-orb img {
  width: 46px;
  height: 46px;
  filter: brightness(0) invert(1) drop-shadow(0 4px 7px rgba(0,0,0,.12));
}

.lumina-courses-cta__wa-pulse {
  inset: -16px;
  border: 1.5px solid rgba(37,211,102,.48);
}

.lumina-courses-cta__wa-orb:hover,
.lumina-courses-cta__wa-orb:focus-visible {
  transform: translate(-50%, -50%) scale(1.075);
  background: linear-gradient(145deg, #39e77b 0%, #25d366 58%, #19bd59 100%);
  box-shadow:
    0 20px 42px rgba(32,200,98,.38),
    0 0 0 11px rgba(37,211,102,.10),
    inset 0 1px 0 rgba(255,255,255,.40);
}

@media (max-width: 680px) {
  .lumina-courses-cta__wa-orb img {
    width: 40px;
    height: 40px;
  }
}

/* ========================================
   Lumina Research — 01 Hero
   MVP: compact, honest, knowledge-led
======================================== */
.lumina-research-hero {
  width: min(1320px, calc(100% - 40px));
  margin: 26px auto 36px;
  direction: rtl;
  color: #10293b;
}

.lumina-research-hero *,
.lumina-research-hero *::before,
.lumina-research-hero *::after {
  box-sizing: border-box;
}

.lumina-research-hero__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 410px;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr);
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  padding: clamp(42px, 6vw, 76px);
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 14%, rgba(114,191,255,.15), transparent 28%),
    radial-gradient(circle at 92% 86%, rgba(216,181,106,.09), transparent 24%),
    linear-gradient(135deg, #f9fbfd 0%, #eef6fb 52%, #fafbfc 100%);
}

.lumina-research-hero__inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -230px;
  right: -170px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(22,119,210,.065);
  border-radius: 50%;
  box-shadow:
    0 0 0 62px rgba(22,119,210,.018),
    0 0 0 124px rgba(22,119,210,.012);
}

.lumina-research-hero__copy {
  position: relative;
  z-index: 3;
}

.lumina-research-hero__kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  color: #bd8627;
  font-size: .78rem;
  font-weight: 800;
}

.lumina-research-hero__kicker::before {
  content: "";
  width: 38px;
  height: 1px;
  background: #d4a24c;
}

.lumina-research-hero h1 {
  max-width: 720px;
  margin: 0 0 20px;
  color: #10293b;
  font-size: clamp(2.65rem, 4.8vw, 5rem);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.04em;
}

.lumina-research-hero h1 span {
  color: #1677d2;
  font-weight: 750;
}

.lumina-research-hero__lead {
  max-width: 650px;
  margin: 0 0 27px;
  color: #5b6e7e;
  font-size: clamp(.96rem, 1.2vw, 1.06rem);
  line-height: 1.95;
}

.lumina-research-hero__action {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 20px;
  border: 1px solid rgba(16,41,59,.12);
  border-radius: 13px;
  background: rgba(255,255,255,.82);
  color: #10293b !important;
  font-size: .88rem;
  font-weight: 800;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(16,41,59,.055);
  transition: transform .22s ease, box-shadow .22s ease;
}

.lumina-research-hero__action span {
  color: #1677d2;
  font-size: 1.1rem;
}

.lumina-research-hero__action:hover,
.lumina-research-hero__action:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(16,41,59,.08);
}

.lumina-research-hero__visual {
  position: relative;
  min-height: 285px;
}

.lumina-research-hero__paper {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: min(280px, 78%);
  height: 215px;
  padding: 27px 25px;
  transform: translate(-50%, -50%) rotate(-3deg);
  border: 1px solid rgba(16,41,59,.08);
  border-radius: 22px 22px 54px 22px;
  background:
    radial-gradient(circle at 86% 12%, rgba(114,191,255,.13), transparent 26%),
    rgba(255,255,255,.94);
  box-shadow: 0 22px 44px rgba(16,41,59,.10);
}

.lumina-research-hero__paper::before {
  content: "";
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(216,181,106,.28);
  border-radius: 50%;
  box-shadow: 0 0 0 9px rgba(216,181,106,.05);
}

.lumina-research-hero__paper-label {
  display: block;
  margin-bottom: 34px;
  color: #1677d2;
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .12em;
  direction: ltr;
}

.lumina-research-hero__paper-line {
  display: block;
  height: 7px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: #dce7ee;
}

.lumina-research-hero__paper-line--1 { width: 82%; }
.lumina-research-hero__paper-line--2 { width: 64%; }
.lumina-research-hero__paper-line--3 {
  width: 44%;
  background: rgba(22,119,210,.22);
}

.lumina-research-hero__paper-mark {
  position: absolute;
  left: 24px;
  bottom: 20px;
  color: rgba(16,41,59,.12);
  font-size: 1.8rem;
  font-weight: 850;
}

.lumina-research-hero__orbit {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  border: 1px solid rgba(22,119,210,.09);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.lumina-research-hero__orbit--1 {
  width: 330px;
  height: 330px;
}

.lumina-research-hero__orbit--2 {
  width: 390px;
  height: 210px;
  border-color: rgba(216,181,106,.10);
  transform: translate(-50%, -50%) rotate(-16deg);
}

.lumina-research-hero__dot {
  position: absolute;
  z-index: 2;
  border-radius: 50%;
}

.lumina-research-hero__dot--blue {
  top: 18%;
  right: 8%;
  width: 9px;
  height: 9px;
  background: #72bfff;
  box-shadow: 0 0 0 8px rgba(114,191,255,.08);
}

.lumina-research-hero__dot--gold {
  bottom: 17%;
  left: 7%;
  width: 10px;
  height: 10px;
  background: #d8b56a;
  box-shadow: 0 0 0 8px rgba(216,181,106,.08);
}

.lumina-research-hero__note {
  position: absolute;
  z-index: 5;
  right: 2%;
  bottom: -4px;
  width: min(250px, 72%);
  padding: 13px 16px;
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 15px;
  background: rgba(255,255,255,.90);
  box-shadow: 0 13px 28px rgba(16,41,59,.08);
  backdrop-filter: blur(8px);
}

.lumina-research-hero__note strong {
  display: block;
  margin-bottom: 2px;
  color: #a77b2c;
  font-size: .72rem;
}

.lumina-research-hero__note span {
  display: block;
  color: #667987;
  font-size: .68rem;
  line-height: 1.65;
}

@media (max-width: 900px) {
  .lumina-research-hero__inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .lumina-research-hero__visual {
    order: -1;
    min-height: 250px;
  }

  .lumina-research-hero__paper {
    height: 190px;
  }

  .lumina-research-hero__orbit--1 {
    width: 285px;
    height: 285px;
  }
}

@media (max-width: 680px) {
  .lumina-research-hero {
    width: calc(100% - 24px);
    margin-block: 18px 28px;
  }

  .lumina-research-hero__inner {
    min-height: 0;
    padding: 26px 18px 30px;
    border-radius: 24px;
  }

  .lumina-research-hero__visual {
    min-height: 220px;
  }

  .lumina-research-hero__paper {
    width: 210px;
    height: 165px;
    padding: 21px 19px;
    border-radius: 18px 18px 42px 18px;
  }

  .lumina-research-hero__paper-label {
    margin-bottom: 25px;
  }

  .lumina-research-hero__orbit--1 {
    width: 240px;
    height: 240px;
  }

  .lumina-research-hero__orbit--2 {
    width: 285px;
    height: 155px;
  }

  .lumina-research-hero__note {
    right: 0;
    bottom: 0;
    width: 210px;
  }

  .lumina-research-hero h1 {
    font-size: clamp(2.35rem, 12vw, 3.35rem);
  }

  .lumina-research-hero__lead {
    font-size: .91rem;
  }

  .lumina-research-hero__action {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-research-hero__action {
    transition: none;
  }
}

/* ========================================
   Lumina Research — 01 Hero v2
   Sudan-focused research library / MVP
======================================== */
.lumina-research-hero--sudan .lumina-research-hero__inner {
  min-height: 430px;
}

.lumina-research-hero--sudan .lumina-research-hero__lead {
  max-width: 720px;
}

.lumina-research-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: -4px 0 24px;
  color: #70818f;
  font-size: .72rem;
}

.lumina-research-hero__meta span {
  white-space: nowrap;
}

.lumina-research-hero__meta i {
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 50%;
  background: #d4a24c;
  opacity: .75;
}

.lumina-research-hero__paper strong {
  display: block;
  max-width: 190px;
  margin-bottom: 24px;
  color: #10293b;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.6;
}

.lumina-research-hero__archive-card {
  position: absolute;
  left: 50%;
  width: min(255px, 72%);
  height: 186px;
  padding: 20px;
  border: 1px solid rgba(16,41,59,.06);
  border-radius: 20px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 16px 32px rgba(16,41,59,.06);
}

.lumina-research-hero__archive-card span {
  color: rgba(16,41,59,.22);
  font-size: .52rem;
  font-weight: 850;
  letter-spacing: .11em;
  direction: ltr;
}

.lumina-research-hero__archive-card--back {
  z-index: 1;
  top: 53%;
  transform: translate(-62%, -50%) rotate(-10deg);
  background: rgba(238,246,251,.90);
}

.lumina-research-hero__archive-card--mid {
  z-index: 2;
  top: 50%;
  transform: translate(-43%, -50%) rotate(6deg);
  background: rgba(255,251,242,.90);
}

.lumina-research-hero--sudan .lumina-research-hero__paper {
  z-index: 4;
  width: min(285px, 80%);
  height: 225px;
  transform: translate(-50%, -50%) rotate(-2deg);
}

.lumina-research-hero--sudan .lumina-research-hero__paper-mark {
  color: rgba(167,123,44,.20);
  font-size: 1.25rem;
  letter-spacing: .08em;
}

.lumina-research-hero--sudan .lumina-research-hero__note {
  width: min(270px, 76%);
}

@media (max-width: 900px) {
  .lumina-research-hero__meta {
    margin-bottom: 22px;
  }

  .lumina-research-hero--sudan .lumina-research-hero__visual {
    min-height: 275px;
  }
}

@media (max-width: 680px) {
  .lumina-research-hero--sudan .lumina-research-hero__inner {
    padding-top: 24px;
  }

  .lumina-research-hero--sudan .lumina-research-hero__visual {
    min-height: 245px;
  }

  .lumina-research-hero--sudan .lumina-research-hero__paper {
    width: 210px;
    height: 174px;
  }

  .lumina-research-hero__archive-card {
    width: 190px;
    height: 146px;
  }

  .lumina-research-hero__paper strong {
    max-width: 150px;
    margin-bottom: 17px;
    font-size: .67rem;
  }

  .lumina-research-hero__meta {
    gap: 7px 8px;
    font-size: .66rem;
  }

  .lumina-research-hero__meta span {
    white-space: normal;
  }

  .lumina-research-hero--sudan .lumina-research-hero__note {
    width: 215px;
  }
}

/* ========================================
   Lumina Research — 01 Hero v3
   Compact editorial rebalance
======================================== */
@media (min-width: 901px) {
  .lumina-research-hero--sudan .lumina-research-hero__inner {
    min-height: 345px;
    grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
    gap: clamp(24px, 4vw, 54px);
    padding-top: clamp(34px, 4vw, 50px);
    padding-bottom: clamp(34px, 4vw, 50px);
  }

  .lumina-research-hero--sudan h1 {
    max-width: 760px;
    margin-bottom: 16px;
    font-size: clamp(2.45rem, 3.65vw, 3.85rem);
    line-height: 1.08;
    letter-spacing: -.035em;
  }

  .lumina-research-hero--sudan h1 br {
    display: none;
  }

  .lumina-research-hero--sudan h1 span {
    display: inline;
  }

  .lumina-research-hero--sudan .lumina-research-hero__lead {
    max-width: 720px;
    margin-bottom: 19px;
    font-size: .94rem;
    line-height: 1.82;
  }

  .lumina-research-hero--sudan .lumina-research-hero__meta {
    margin-bottom: 18px;
  }

  .lumina-research-hero--sudan .lumina-research-hero__visual {
    min-height: 245px;
    transform: scale(.91);
    transform-origin: center;
  }

  .lumina-research-hero--sudan .lumina-research-hero__note {
    bottom: 2px;
  }
}

@media (max-width: 680px) {
  .lumina-research-hero--sudan h1 {
    font-size: clamp(2.05rem, 10vw, 2.8rem);
    line-height: 1.1;
  }

  .lumina-research-hero--sudan .lumina-research-hero__lead {
    line-height: 1.78;
  }
}

/* ========================================
   Lumina Research — 02 Areas
   Compact thematic map / MVP
======================================== */
.lumina-research-areas {
  width: min(1320px, calc(100% - 40px));
  margin: 28px auto 38px;
  direction: rtl;
  color: #10293b;
}

.lumina-research-areas *,
.lumina-research-areas *::before,
.lumina-research-areas *::after {
  box-sizing: border-box;
}

.lumina-research-areas__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(34px, 5vw, 60px);
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 12%, rgba(114,191,255,.12), transparent 28%),
    radial-gradient(circle at 93% 86%, rgba(216,181,106,.08), transparent 22%),
    linear-gradient(135deg, #fbfcfd 0%, #f2f8fb 55%, #fbfcfd 100%);
}

.lumina-research-areas__inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -245px;
  left: -170px;
  width: 490px;
  height: 490px;
  border: 1px solid rgba(22,119,210,.06);
  border-radius: 50%;
  box-shadow:
    0 0 0 60px rgba(22,119,210,.016),
    0 0 0 120px rgba(22,119,210,.01);
}

.lumina-research-areas__head {
  display: grid;
  grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr);
  gap: clamp(24px,4vw,56px);
  align-items: end;
  margin-bottom: 30px;
}

.lumina-research-areas__kicker {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 11px;
  color: #bd8627;
  font-size: .77rem;
  font-weight: 800;
}

.lumina-research-areas__kicker::before {
  content: "";
  width: 36px;
  height: 1px;
  background: #d4a24c;
}

.lumina-research-areas h2 {
  margin: 0;
  color: #10293b;
  font-size: clamp(2rem,3.2vw,3.35rem);
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -.03em;
}

.lumina-research-areas__lead {
  max-width: 700px;
  margin: 0;
  color: #5f7180;
  font-size: .94rem;
  line-height: 1.9;
}

.lumina-research-areas__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

.lumina-research-area-card {
  position: relative;
  min-height: 190px;
  padding: 20px 18px 18px;
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 20px;
  background: rgba(255,255,255,.91);
  box-shadow: 0 12px 28px rgba(16,41,59,.045);
}

.lumina-research-area-card__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 14px;
  background: #f5f9fb;
}

.lumina-research-area-card__icon img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
}

.lumina-research-area-card h3 {
  margin: 0 0 8px;
  color: #10293b;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.45;
}

.lumina-research-area-card p {
  margin: 0;
  color: #697a87;
  font-size: .78rem;
  line-height: 1.76;
}

.lumina-research-area-card--wide {
  grid-column: span 2;
  min-height: 135px;
  display: grid;
  grid-template-columns: 52px minmax(0,1fr) auto;
  gap: 14px;
  align-items: center;
}

.lumina-research-area-card--wide .lumina-research-area-card__icon {
  margin: 0;
}

.lumina-research-area-card__tag {
  align-self: start;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(216,181,106,.10);
  color: #987226;
  font-size: .62rem;
  font-weight: 800;
  white-space: nowrap;
}

.lumina-research-areas__note {
  margin: 22px 0 0;
  color: #7b8b96;
  font-size: .72rem;
  text-align: center;
}

@media (max-width: 1050px) {
  .lumina-research-areas__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  .lumina-research-areas__head {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 680px) {
  .lumina-research-areas {
    width: calc(100% - 24px);
    margin-block: 20px 30px;
  }

  .lumina-research-areas__inner {
    padding: 30px 14px 22px;
    border-radius: 24px;
  }

  .lumina-research-areas h2 {
    font-size: clamp(2rem,10vw,2.75rem);
  }

  .lumina-research-areas__lead {
    font-size: .89rem;
    line-height: 1.82;
  }

  .lumina-research-areas__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .lumina-research-area-card {
    min-height: 0;
    display: grid;
    grid-template-columns: 46px minmax(0,1fr);
    gap: 4px 13px;
    padding: 17px 16px;
  }

  .lumina-research-area-card__icon {
    grid-row: 1 / span 2;
    width: 42px;
    height: 42px;
    margin: 0;
  }

  .lumina-research-area-card h3 {
    margin-bottom: 5px;
  }

  .lumina-research-area-card--wide {
    grid-column: auto;
    grid-template-columns: 46px minmax(0,1fr);
    min-height: 0;
  }

  .lumina-research-area-card__tag {
    grid-column: 2;
    justify-self: start;
    margin-top: 6px;
  }

  .lumina-research-areas__note {
    padding-inline: 8px;
    line-height: 1.7;
  }
}

/* ========================================
   Lumina Research — 04 Infographic v2
   Graphic knowledge flow + integrated photo
   Replaces standalone visual module + old cards infographic
======================================== */
.lumina-research-flow {
  width: min(1320px, calc(100% - 40px));
  margin: 28px auto 40px;
  direction: rtl;
  color: #10293b;
}

.lumina-research-flow *,
.lumina-research-flow *::before,
.lumina-research-flow *::after { box-sizing: border-box; }

.lumina-research-flow__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 500px;
  padding: 34px clamp(28px, 4vw, 54px) 24px;
  border: 1px solid rgba(16,41,59,.07);
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 10%, rgba(114,191,255,.13), transparent 25%),
    radial-gradient(circle at 92% 14%, rgba(216,181,106,.08), transparent 21%),
    linear-gradient(135deg, #fbfcfd 0%, #f1f7fb 52%, #fbfcfd 100%);
}

.lumina-research-flow__inner::before {
  content: "";
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 0;
  left: 0;
  height: 58%;
  background:
    linear-gradient(to bottom,
      rgba(245,249,252,1) 0%,
      rgba(245,249,252,.82) 14%,
      rgba(245,249,252,.34) 34%,
      rgba(245,249,252,.07) 54%,
      rgba(245,249,252,0) 72%),
    url("/images/lumina/research/visuals/sudan-research-library-visual.webp") center 54% / cover no-repeat;
}

.lumina-research-flow__inner::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 34%;
  background: linear-gradient(to bottom, transparent, rgba(6,21,34,.10));
  pointer-events: none;
}

.lumina-research-flow__head {
  position: relative;
  z-index: 5;
  max-width: 830px;
  margin: 0 auto 8px;
  text-align: center;
}

.lumina-research-flow__kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  color: #bd8627;
  font-size: .74rem;
  font-weight: 800;
}

.lumina-research-flow__kicker::before,
.lumina-research-flow__kicker::after {
  content: "";
  width: 32px;
  height: 1px;
  background: #d4a24c;
}

.lumina-research-flow h2 {
  margin: 0 0 8px;
  color: #10293b;
  font-size: clamp(1.95rem, 3vw, 3.15rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.03em;
}

.lumina-research-flow h2 span { color: #1677d2; font-weight: 750; }

.lumina-research-flow__head > p:last-child {
  margin: 0;
  color: #697b89;
  font-size: .82rem;
  line-height: 1.65;
}

.lumina-research-flow__stage {
  position: relative;
  z-index: 4;
  height: 285px;
  max-width: 1110px;
  margin: 4px auto 0;
}

.lumina-research-flow__route {
  position: absolute;
  z-index: 0;
  inset: 14px 0 0;
  width: 100%;
  height: 245px;
  display: block;
  pointer-events: none;
}

.lumina-research-flow__step {
  position: absolute;
  z-index: 3;
  width: 21.5%;
  text-align: center;
}

.lumina-research-flow__step--1 { right: 0; top: 24px; }
.lumina-research-flow__step--2 { right: 25%; top: 116px; }
.lumina-research-flow__step--3 { right: 50%; top: 38px; }
.lumina-research-flow__step--4 { right: 75%; top: 128px; }

.lumina-research-flow__num {
  position: absolute;
  top: -7px;
  right: calc(50% - 55px);
  color: rgba(16,41,59,.16);
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .08em;
}

.lumina-research-flow__node {
  position: relative;
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  margin: 0 auto 8px;
  border: 1px solid rgba(16,41,59,.08);
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  box-shadow: 0 14px 28px rgba(16,41,59,.10), 0 0 0 9px rgba(255,255,255,.42);
}

.lumina-research-flow__node::before {
  content: "";
  position: absolute;
  inset: -13px;
  border: 1px solid rgba(22,119,210,.09);
  border-radius: 50%;
}

.lumina-research-flow__step--2 .lumina-research-flow__node::before { border-color: rgba(216,181,106,.16); }
.lumina-research-flow__step--3 .lumina-research-flow__node::before { border-color: rgba(94,118,144,.14); }
.lumina-research-flow__step--4 .lumina-research-flow__node::before { border-color: rgba(79,127,121,.15); }

.lumina-research-flow__node img {
  width: 27px;
  height: 27px;
  display: block;
  object-fit: contain;
}

.lumina-research-flow__label {
  width: min(210px, 100%);
  margin: 0 auto;
  padding: 7px 10px 8px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.66));
  box-shadow: 0 8px 20px rgba(16,41,59,.045);
  backdrop-filter: blur(5px);
}

.lumina-research-flow__label h3 {
  margin: 0 0 2px;
  color: #10293b;
  font-size: .88rem;
  font-weight: 850;
  line-height: 1.4;
}

.lumina-research-flow__label p {
  margin: 0;
  color: #667987;
  font-size: .66rem;
  line-height: 1.55;
}

.lumina-research-flow__caption {
  position: relative;
  z-index: 5;
  margin: -2px 0 0;
  color: rgba(255,255,255,.94);
  font-size: .72rem;
  font-weight: 650;
  text-align: center;
  text-shadow: 0 2px 10px rgba(6,21,34,.45);
}

@media (max-width: 980px) {
  .lumina-research-flow__inner { min-height: 0; }
  .lumina-research-flow__stage {
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    margin-top: 22px;
  }
  .lumina-research-flow__route { display: none; }
  .lumina-research-flow__step {
    position: relative;
    inset: auto !important;
    width: auto;
    min-height: 150px;
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    gap: 10px 12px;
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 10px 24px rgba(16,41,59,.055);
    text-align: right;
    backdrop-filter: blur(7px);
  }
  .lumina-research-flow__num { top: 12px; left: 14px; right: auto; }
  .lumina-research-flow__node { width: 56px; height: 56px; margin: 0; }
  .lumina-research-flow__label { width: auto; margin: 0; padding: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
  .lumina-research-flow__caption { margin-top: 18px; }
}

@media (max-width: 680px) {
  .lumina-research-flow { width: calc(100% - 24px); margin: 20px auto 30px; }
  .lumina-research-flow__inner { padding: 28px 14px 18px; border-radius: 24px; }
  .lumina-research-flow__inner::before {
    height: 52%;
    background:
      linear-gradient(to bottom,
        rgba(245,249,252,1) 0%,
        rgba(245,249,252,.74) 18%,
        rgba(245,249,252,.18) 48%,
        rgba(245,249,252,0) 70%),
      url("/images/lumina/research/visuals/sudan-research-library-visual.webp") center 52% / cover no-repeat;
  }
  .lumina-research-flow h2 { font-size: clamp(1.85rem, 9vw, 2.5rem); }
  .lumina-research-flow__head > p:last-child { font-size: .78rem; }
  .lumina-research-flow__stage { grid-template-columns: 1fr; gap: 9px; margin-top: 18px; }
  .lumina-research-flow__step { min-height: 0; grid-template-columns: 50px minmax(0,1fr); padding: 12px; border-radius: 16px; }
  .lumina-research-flow__node { width: 48px; height: 48px; }
  .lumina-research-flow__node::before { inset: -7px; }
  .lumina-research-flow__node img { width: 23px; height: 23px; }
  .lumina-research-flow__caption { margin-top: 14px; font-size: .66rem; }
}

/* ========================================
   Lumina Research — 04 Infographic v3
   Premium node glow + clearer numbering + bottom-aligned photo
======================================== */

/* Per-step premium accents */
.lumina-research-flow__step--1 {
  --flow-accent: #1677d2;
  --flow-glow: rgba(22,119,210,.18);
}

.lumina-research-flow__step--2 {
  --flow-accent: #c48a24;
  --flow-glow: rgba(196,138,36,.16);
}

.lumina-research-flow__step--3 {
  --flow-accent: #657f9c;
  --flow-glow: rgba(101,127,156,.17);
}

.lumina-research-flow__step--4 {
  --flow-accent: #3f8475;
  --flow-glow: rgba(63,132,117,.17);
}

/* Make the photo reveal from its actual lower edge instead of a middle crop. */
.lumina-research-flow__inner::before {
  background-position: center top, center bottom;
}

/* Clearer, premium step numbers */
.lumina-research-flow__num {
  color: var(--flow-accent);
  font-size: .80rem;
  font-weight: 900;
  letter-spacing: .07em;
  opacity: .82;
  text-shadow: 0 2px 10px var(--flow-glow);
}

/* Premium luminous nodes */
.lumina-research-flow__node {
  border-color: color-mix(in srgb, var(--flow-accent) 22%, rgba(16,41,59,.06));
  background:
    radial-gradient(circle at 36% 30%, rgba(255,255,255,1) 0 30%, rgba(255,255,255,.96) 58%, rgba(248,251,253,.94) 100%);
  box-shadow:
    0 16px 32px rgba(16,41,59,.11),
    0 0 0 9px rgba(255,255,255,.44),
    0 0 26px var(--flow-glow),
    0 0 46px color-mix(in srgb, var(--flow-accent) 10%, transparent);
}

/* Outer halo */
.lumina-research-flow__node::before {
  inset: -14px;
  border-color: color-mix(in srgb, var(--flow-accent) 24%, transparent);
  box-shadow:
    0 0 18px color-mix(in srgb, var(--flow-accent) 12%, transparent),
    inset 0 0 16px color-mix(in srgb, var(--flow-accent) 5%, transparent);
  animation: luminaResearchNodePulse 3.8s ease-in-out infinite;
}

/* Offset animation timing so all circles do not pulse together */
.lumina-research-flow__step--2 .lumina-research-flow__node::before {
  animation-delay: .7s;
}

.lumina-research-flow__step--3 .lumina-research-flow__node::before {
  animation-delay: 1.4s;
}

.lumina-research-flow__step--4 .lumina-research-flow__node::before {
  animation-delay: 2.1s;
}

@keyframes luminaResearchNodePulse {
  0%, 100% {
    transform: scale(.98);
    opacity: .62;
    box-shadow:
      0 0 14px color-mix(in srgb, var(--flow-accent) 9%, transparent),
      inset 0 0 13px color-mix(in srgb, var(--flow-accent) 4%, transparent);
  }

  50% {
    transform: scale(1.055);
    opacity: .92;
    box-shadow:
      0 0 24px color-mix(in srgb, var(--flow-accent) 16%, transparent),
      inset 0 0 18px color-mix(in srgb, var(--flow-accent) 7%, transparent);
  }
}

@media (max-width: 680px) {
  .lumina-research-flow__num {
    font-size: .76rem;
  }

  .lumina-research-flow__inner::before {
    background-position: center top, center bottom;
  }

  .lumina-research-flow__node::before {
    inset: -8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-research-flow__node::before {
    animation: none;
  }
}

/* ========================================
   Lumina Research — 04 Infographic v4
   Start-node pulse only + numbered badges + premium caption panel
======================================== */

/* Keep the glow on every node, but animate only the starting point (01). */
.lumina-research-flow__node::before {
  animation: none;
}

.lumina-research-flow__step--1 .lumina-research-flow__node::before {
  animation: luminaResearchNodePulse 3.8s ease-in-out infinite;
}

/* Remove inherited animation delays because only step 01 now pulses. */
.lumina-research-flow__step--2 .lumina-research-flow__node::before,
.lumina-research-flow__step--3 .lumina-research-flow__node::before,
.lumina-research-flow__step--4 .lumina-research-flow__node::before {
  animation-delay: 0s;
}

/* Premium numbered badges */
.lumina-research-flow__num {
  top: -13px;
  right: calc(50% - 62px);
  min-width: 30px;
  height: 30px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, var(--flow-accent) 24%, rgba(16,41,59,.06));
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(255,255,255,1) 0 34%, rgba(249,252,253,.96) 72%, rgba(244,248,250,.94) 100%);
  box-shadow:
    0 7px 16px rgba(16,41,59,.07),
    0 0 0 5px color-mix(in srgb, var(--flow-accent) 5%, transparent),
    0 0 15px color-mix(in srgb, var(--flow-accent) 10%, transparent);
  color: var(--flow-accent);
  font-size: .74rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .04em;
  opacity: 1;
  text-shadow: none;
}

/* Caption becomes a restrained premium info strip. */
.lumina-research-flow__caption {
  width: fit-content;
  max-width: min(760px, calc(100% - 32px));
  margin: 4px auto 0;
  padding: 8px 18px 9px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(13,42,62,.84) 0%, rgba(20,64,86,.80) 58%, rgba(33,92,105,.76) 100%);
  box-shadow:
    0 10px 24px rgba(6,21,34,.16),
    inset 0 1px 0 rgba(255,255,255,.10);
  color: rgba(255,255,255,.96);
  font-size: .74rem;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
  text-shadow: none;
  backdrop-filter: blur(7px);
}

@media (max-width: 980px) {
  .lumina-research-flow__num {
    top: 10px;
    left: 12px;
    right: auto;
    min-width: 28px;
    height: 28px;
    font-size: .70rem;
  }

  .lumina-research-flow__caption {
    margin-top: 16px;
  }
}

@media (max-width: 680px) {
  .lumina-research-flow__num {
    top: 10px;
    left: 10px;
    right: auto;
    min-width: 27px;
    height: 27px;
    padding-inline: 6px;
    font-size: .68rem;
  }

  .lumina-research-flow__caption {
    max-width: calc(100% - 12px);
    margin-top: 14px;
    padding: 8px 12px;
    border-radius: 9px;
    font-size: .67rem;
    line-height: 1.6;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lumina-research-flow__step--1 .lumina-research-flow__node::before {
    animation: none;
  }
}