/**
 * Tunas Muda — global theme background + unified palette
 * Default: warm (brand). Sections transparent; no scroll/section motion.
 */

:root,
:root[data-theme="minimal"] {
  --tm-bg-image: image-set(
    url("../img/backgrounds/tm-theme-bg-minimal.webp?v=7") type("image/webp"),
    url("../img/backgrounds/tm-theme-bg-minimal.png?v=7") type("image/png")
  );
  --tm-bg-fallback: #f6f8fa;
  --tm-bg-overlay: rgba(255, 255, 255, 0.02);

  --tm-theme-text: var(--tm-primary);
  --tm-theme-text-muted: #5f6d7e;
  --tm-theme-text-soft: #4b5563;
  --tm-theme-accent: var(--tm-secondary);
  --tm-theme-accent-2: #2a9d8f;
  --tm-theme-accent-3: var(--tm-gold-deep);
  --tm-theme-surface: #ffffff;
  --tm-theme-surface-glass: rgba(255, 255, 255, 0.94);
  --tm-theme-border: rgba(29, 54, 92, 0.1);
  --tm-theme-border-strong: rgba(255, 199, 54, 0.45);
  --tm-theme-card-shadow: 0 8px 32px rgba(15, 30, 53, 0.07);
}

:root[data-theme="warm"],
:root[data-theme="minimal-warm"] {
  --tm-bg-image: image-set(
    url("../img/backgrounds/tm-theme-bg-minimal-warm.webp?v=7") type("image/webp"),
    url("../img/backgrounds/tm-theme-bg-minimal-warm.png?v=7") type("image/png")
  );
  --tm-bg-fallback: #f5f3ee;
  --tm-bg-overlay: rgba(255, 255, 255, 0.03);
  --tm-theme-text: var(--tm-primary);
  --tm-theme-text-muted: #5f6d7e;
  --tm-theme-text-soft: #4b5563;
  --tm-theme-accent: var(--tm-secondary);
  --tm-theme-accent-2: #2a9d8f;
  --tm-theme-accent-3: var(--tm-gold-deep);
  --tm-theme-surface: #ffffff;
  --tm-theme-surface-glass: rgba(255, 255, 255, 0.94);
  --tm-theme-border: rgba(29, 54, 92, 0.1);
  --tm-theme-border-strong: rgba(255, 199, 54, 0.45);
  --tm-theme-card-shadow: 0 8px 32px rgba(15, 30, 53, 0.07);
}

:root[data-theme="dark"],
:root[data-theme="minimal-dark"] {
  --tm-bg-image: image-set(
    url("../img/backgrounds/tm-theme-bg-minimal-dark.webp?v=7") type("image/webp"),
    url("../img/backgrounds/tm-theme-bg-minimal-dark.png?v=7") type("image/png")
  );
  --tm-bg-fallback: #0e1829;
  --tm-bg-overlay: rgba(12, 24, 41, 0.04);
  --tm-theme-text: rgba(255, 255, 255, 0.92);
  --tm-theme-text-muted: rgba(255, 255, 255, 0.62);
  --tm-theme-text-soft: rgba(255, 255, 255, 0.78);
  --tm-theme-accent: var(--tm-secondary);
  --tm-theme-accent-2: #56e8fc;
  --tm-theme-accent-3: #a78bfa;
  --tm-theme-surface: rgba(255, 255, 255, 0.96);
  --tm-theme-surface-glass: rgba(255, 255, 255, 0.08);
  --tm-theme-border: rgba(255, 255, 255, 0.12);
  --tm-theme-border-strong: rgba(255, 199, 54, 0.28);
  --tm-theme-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}

/* Legacy aliases */
:root[data-theme="light"] {
  --tm-bg-image: image-set(
    url("../img/backgrounds/tm-theme-bg-minimal.webp?v=7") type("image/webp"),
    url("../img/backgrounds/tm-theme-bg-minimal.png?v=7") type("image/png")
  );
  --tm-bg-fallback: #f6f8fa;
  --tm-bg-overlay: rgba(255, 255, 255, 0.02);
  --tm-theme-text: #152033;
  --tm-theme-text-muted: #5f6d7e;
  --tm-theme-text-soft: #4b5563;
  --tm-theme-accent: var(--tm-secondary);
  --tm-theme-accent-2: #2a9d8f;
  --tm-theme-accent-3: var(--tm-gold-deep);
  --tm-theme-surface: #ffffff;
  --tm-theme-surface-glass: rgba(255, 255, 255, 0.94);
  --tm-theme-border: rgba(29, 54, 92, 0.1);
  --tm-theme-border-strong: rgba(255, 199, 54, 0.35);
  --tm-theme-card-shadow: 0 8px 32px rgba(15, 30, 53, 0.07);
}

html.tm-theme-bg-root,
html:has(.tm-theme-bg-page) {
  background-color: var(--tm-bg-fallback);
  margin: 0;
  padding: 0;
}

.tm-theme-bg-page {
  background: transparent;
  color: var(--tm-theme-text);
}

.tm-theme-bg-page.tm-pro {
  background: transparent;
  color: var(--tm-theme-text);
}

.tm-theme-bg {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-color: var(--tm-bg-fallback);
  background-image: var(--tm-bg-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.tm-theme-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--tm-bg-overlay);
}

/* —— All sections transparent —— */
.tm-theme-bg-page .section,
.tm-theme-bg-page section,
.tm-theme-bg-page .section.light-background,
.tm-theme-bg-page .section.dark-background,
.tm-theme-bg-page .main > section {
  background: transparent !important;
  background-color: transparent !important;
  --background-color: transparent;
  border-top: none !important;
  box-shadow: none !important;
}

.tm-theme-bg-page .main > section::before,
.tm-theme-bg-page .main > section::after {
  display: none !important;
}

.tm-theme-bg-page .services.services-slider,
.tm-theme-bg-page .visi-dasar-kualiti,
.tm-theme-bg-page .pencapaian,
.tm-theme-bg-page .tm-story,
.tm-theme-bg-page .rakan-strategik,
.tm-theme-bg-page .media-sosial,
.tm-theme-bg-page .berita-peristiwa,
.tm-theme-bg-page .tm-cta-band,
.tm-theme-bg-page .sejarah.section {
  background: transparent !important;
}

/* —— No section / scroll motion —— */
.tm-theme-bg-page [data-reveal],
.tm-theme-bg-page [data-tm-reveal],
.tm-theme-bg-page .tm-section-play,
.tm-theme-bg-page .tm-item-play,
.tm-theme-bg-page .tm-hero-play {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}

.tm-theme-bg-page.tm-motion-on [data-reveal],
.tm-theme-bg-page.tm-motion-on .tm-section-play,
.tm-theme-bg-page.tm-motion-on .tm-item-play {
  animation: none !important;
}

.tm-theme-bg-page .main {
  opacity: 1 !important;
}

.tm-theme-bg-page .tm-page-transition {
  display: none !important;
}

/* —— Typography —— */
.tm-theme-bg-page .section-title h2,
.tm-theme-bg-page .section-title p,
.tm-theme-bg-page .tm-sejarah-intro h2 {
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .section-title p,
.tm-theme-bg-page .pencapaian-accordion-header p {
  color: var(--tm-theme-text-muted);
}

.tm-theme-bg-page .section-title .tm-section-label,
.tm-theme-bg-page .tm-sejarah-intro__tagline {
  color: var(--tm-theme-accent);
}

.tm-theme-bg-page .services-slider .section-title h2,
.tm-theme-bg-page .services-slider .section-title p,
.tm-theme-bg-page .visi-dasar-kualiti h2,
.tm-theme-bg-page .visi-dasar-kualiti h3,
.tm-theme-bg-page .visi-dasar-kualiti p {
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .services-slider .section-title p,
.tm-theme-bg-page .visi-dasar-kualiti p {
  color: var(--tm-theme-text-muted);
}

/* —— Cards & panels —— */
.tm-theme-bg-page .partner-card,
.tm-theme-bg-page .pencapaian-card,
.tm-theme-bg-page .berita-item,
.tm-theme-bg-page .berita-featured,
.tm-theme-bg-page .media-embed-card,
.tm-theme-bg-page .tm-sejarah-card,
.tm-theme-bg-page .tm-sejarah-video,
.tm-theme-bg-page .pencapaian-accordion .accordion-item,
.tm-theme-bg-page .tm-story__chapter {
  background: var(--tm-theme-surface);
  border-color: var(--tm-theme-border);
  box-shadow: var(--tm-theme-card-shadow);
  color: var(--tm-navy, #1d365c);
}

.tm-theme-bg-page .service-slide__inner {
  background: var(--tm-theme-surface-glass);
  border-color: var(--tm-theme-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .service-slide-card__title,
.tm-theme-bg-page .service-slide-card__text {
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .service-slide-card__text {
  color: var(--tm-theme-text-muted);
}

.tm-theme-bg-page .pencapaian-full-list {
  border-top-color: var(--tm-theme-border);
}

.tm-theme-bg-page .pencapaian-accordion-header h3 {
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .partner-card,
.tm-theme-bg-page .pencapaian-card,
.tm-theme-bg-page .berita-item,
.tm-theme-bg-page .berita-featured,
.tm-theme-bg-page .media-embed-card,
.tm-theme-bg-page .tm-sejarah-card,
.tm-theme-bg-page .service-slide__inner {
  transition: none !important;
}

.tm-theme-bg-page .partner-card:hover,
.tm-theme-bg-page .pencapaian-card:hover,
.tm-theme-bg-page .berita-item:hover,
.tm-theme-bg-page .berita-featured:hover,
.tm-theme-bg-page .media-embed-card:hover,
.tm-theme-bg-page .tm-sejarah-card:hover,
.tm-theme-bg-page .service-slide__inner:hover {
  transform: none !important;
}

.tm-theme-bg-page .tm-story__chapter,
.tm-theme-bg-page .tm-story__chapter p,
.tm-theme-bg-page .tm-story h2,
.tm-theme-bg-page .tm-story h3 {
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .tm-story__chapter p {
  color: var(--tm-theme-text-muted);
}

/* —— Footer —— */
.tm-theme-bg-page #footer.footer {
  background: rgba(29, 54, 92, 0.96) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid rgba(255, 199, 54, 0.2);
  color: rgba(255, 255, 255, 0.75);
}

.tm-theme-bg-page #footer h4,
.tm-theme-bg-page #footer .footer-sitename {
  color: #ffffff;
}

/* —— Sejarah —— */
.sejarah-page.tm-theme-bg-page .tm-sejarah-canvas {
  display: none;
}

.sejarah-page.tm-theme-bg-page,
.sejarah-page.tm-theme-bg-page .main {
  background: transparent;
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-intro__divider {
  background: linear-gradient(90deg, var(--sj-gold), var(--sj-navy));
}

@media (max-width: 767.98px) {
  .tm-theme-bg {
    background-attachment: scroll;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .tm-theme-bg::after {
    background: var(--tm-bg-fallback);
    opacity: 0.94;
  }
}

/* ==========================================================================
   POLISH — Utama + Sejarah (warm theme, 100/10)
   ========================================================================== */

/* Section rhythm — subtle separators, not solid panels */
.tm-theme-bg-page .main > section:not(.tm-hero) + section {
  border-top: 1px solid rgba(29, 54, 92, 0.07) !important;
}

/* Header — use tm-pro.css (transparent on hero, frosted when scrolled) */

/* Section titles — gold accent underline */
.tm-theme-bg-page .section-title h2::after {
  content: "";
  display: block;
  width: min(72px, 24%);
  height: 3px;
  margin: 1rem auto 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--tm-theme-accent), var(--tm-theme-text));
}

.tm-theme-bg-page .section-title .tm-section-label {
  color: var(--tm-theme-accent-3);
  letter-spacing: 0.18em;
}

/* Story section */
.tm-theme-bg-page .tm-story__title {
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .tm-story__lead {
  color: var(--tm-theme-text-muted);
}

.tm-theme-bg-page .tm-story__progress {
  background: rgba(29, 54, 92, 0.08);
}

.tm-theme-bg-page .tm-story__progress span {
  transition: none;
}

.tm-theme-bg-page .tm-story__chapter {
  border-radius: 16px;
  transition: none !important;
}

.tm-theme-bg-page .tm-story__chapter.is-active {
  border-color: var(--tm-theme-border-strong);
  box-shadow: var(--tm-theme-card-shadow);
}

.tm-theme-bg-page .tm-story__timeline {
  border-left-color: rgba(29, 54, 92, 0.1);
}

/* Visi & Dasar Kualiti — readable on warm bg */
.tm-theme-bg-page .visi-dasar-kualiti-label,
.tm-theme-bg-page .visi-dasar-kualiti-title {
  color: var(--tm-theme-text) !important;
}

.tm-theme-bg-page .visi-dasar-kualiti-text {
  color: var(--tm-theme-text-muted) !important;
}

.tm-theme-bg-page .visi-dasar-kualiti-card {
  background: var(--tm-theme-surface) !important;
  border: 1px solid var(--tm-theme-border) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: var(--tm-theme-card-shadow);
  border-radius: 16px;
}

.tm-theme-bg-page .visi-dasar-kualiti-media {
  border: 1px solid var(--tm-theme-border);
  box-shadow: var(--tm-theme-card-shadow);
  border-radius: 16px;
}

/* Services slider */
.tm-theme-bg-page .services.services-slider {
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .services-swiper .swiper-button-prev,
.tm-theme-bg-page .services-swiper .swiper-button-next {
  background: var(--tm-theme-surface);
  border: 1px solid var(--tm-theme-border);
  color: var(--tm-theme-text);
  box-shadow: var(--tm-theme-card-shadow);
}

.tm-theme-bg-page .services-swiper .swiper-button-prev:hover,
.tm-theme-bg-page .services-swiper .swiper-button-next:hover {
  background: var(--tm-theme-accent);
  color: #1d365c;
  transform: none;
}

.tm-theme-bg-page .services-swiper .swiper-pagination-bullet-active {
  background: var(--tm-theme-accent);
}

.tm-theme-bg-page .service-slide-card {
  transition: none !important;
  border-radius: 16px;
  box-shadow: var(--tm-theme-card-shadow);
}

.tm-theme-bg-page .service-slide-card:hover {
  transform: none !important;
}

.tm-theme-bg-page .service-slide-card__btn {
  background: var(--tm-theme-accent);
  /* NOTE: Same token as main.css — do not hardcode a second navy that fights --accent-contrast */
  color: var(--accent-contrast, #1d365c);
  border-radius: 999px;
  transition: none;
}

.tm-theme-bg-page .service-slide-card__btn span,
.tm-theme-bg-page .service-slide-card__btn [data-var],
.tm-theme-bg-page .service-slide-card__btn [id^="tunasmuda-"] {
  color: inherit !important;
}

.tm-theme-bg-page .service-slide-card__btn:hover {
  background: #ffd04d;
  color: var(--accent-contrast, #1d365c);
  transform: none;
}

/* Cards — unified surface */
.tm-theme-bg-page .partner-card,
.tm-theme-bg-page .pencapaian-card,
.tm-theme-bg-page .berita-item,
.tm-theme-bg-page .berita-featured,
.tm-theme-bg-page .media-embed-card,
.tm-theme-bg-page .tm-sejarah-card,
.tm-theme-bg-page .tm-sejarah-video {
  border-radius: 16px;
}

.tm-theme-bg-page .pencapaian-card--featured {
  border-color: var(--tm-theme-border-strong);
}

.tm-theme-bg-page .berita-item__title a,
.tm-theme-bg-page .berita-featured h3 a {
  color: var(--tm-theme-text);
}

.tm-theme-bg-page .berita-item__excerpt,
.tm-theme-bg-page .berita-featured p {
  color: var(--tm-theme-text-muted);
}

.tm-theme-bg-page .berita-btn--outline {
  border-color: var(--tm-theme-border);
  color: var(--tm-theme-text);
  background: var(--tm-theme-surface);
}

/* CTA band — navy card floats on warm bg */
.tm-theme-bg-page .tm-cta-band__glow {
  animation: none !important;
}

.tm-theme-bg-page .tm-cta-band__inner {
  border-radius: 20px;
  box-shadow: 0 20px 56px rgba(29, 54, 92, 0.2);
}

/* Float nav — warm glass */
.tm-theme-bg-page .tm-float-nav {
  background: rgba(255, 255, 255, 0.94);
  border-color: var(--tm-theme-border);
  transition: none;
}

.tm-theme-bg-page .tm-float-nav a.is-active::before {
  background: var(--tm-theme-accent);
  opacity: 1;
}

/* Disable heavy hover lifts site-wide on theme pages */
.tm-theme-bg-page .tm-pro .service-slide-card:hover,
.tm-theme-bg-page .tm-pro .berita-item:hover,
.tm-theme-bg-page .tm-pro .berita-featured:hover,
.tm-theme-bg-page .tm-pro .rakan-strategik .partner-card:hover {
  transform: none !important;
  box-shadow: var(--tm-theme-card-shadow) !important;
}

.tm-theme-bg-page .tm-stat-pill {
  transition: none;
}

.tm-theme-bg-page .tm-stat-pill:hover {
  transform: none;
}

.tm-theme-bg-page .tm-luxury .partner-card::after,
.tm-theme-bg-page .tm-luxury .pencapaian-card::after,
.tm-theme-bg-page .tm-luxury .berita-item::after {
  display: none;
}

/* —— Tentang Kami — shared hero title readability —— */
/* Sejarah + Contact use custom full-bleed heroes — excluded */
.tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__content"] {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: min(100%, 40rem);
  padding: clamp(1.1rem, 3.2vw, 1.65rem) clamp(1.25rem, 4vw, 2rem);
  border-radius: 20px;
  background: rgba(12, 24, 41, 0.54);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow:
    0 16px 48px rgba(12, 24, 41, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__content"]::before {
  content: "";
  position: absolute;
  inset: -20px;
  z-index: -1;
  border-radius: 24px;
  background: radial-gradient(
    ellipse 100% 88% at 50% 50%,
    rgba(12, 24, 41, 0.42) 0%,
    transparent 72%
  );
  pointer-events: none;
}

.tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) h1 {
  color: #fff;
  text-shadow:
    0 1px 2px rgba(12, 24, 41, 0.92),
    0 2px 14px rgba(12, 24, 41, 0.68),
    0 8px 36px rgba(12, 24, 41, 0.42);
}

.tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__eyebrow"] {
  text-shadow: 0 1px 12px rgba(12, 24, 41, 0.6);
}

.tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__crumb"] ol {
  background: rgba(12, 24, 41, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 4px 18px rgba(12, 24, 41, 0.22);
}

.tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__crumb"] a {
  color: rgba(255, 255, 255, 0.94);
}

.tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__crumb"] li + li::before {
  color: rgba(255, 255, 255, 0.48);
}

@media (max-width: 767.98px) {
  .tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) {
    min-height: clamp(300px, 44svh, 420px);
    padding-top: calc(var(--tm-header-h, 72px) + 1.15rem + env(safe-area-inset-top, 0px));
  }

  .tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__content"] {
    padding: clamp(1rem, 4vw, 1.35rem) clamp(1rem, 3.5vw, 1.5rem);
    border-radius: 16px;
    background: rgba(12, 24, 41, 0.66);
  }

  .tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) h1 {
    font-size: clamp(1.65rem, 7.5vw, 2.25rem);
    line-height: 1.18;
  }
}

@media (max-width: 1199.98px) {
  .tm-theme-bg-page:not(.scrolled):not(.mobile-nav-active) #header.header {
    background: linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.8) 0%,
      rgba(12, 24, 41, 0.48) 68%,
      transparent 100%
    ) !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__content"] {
    background: rgba(12, 24, 41, 0.88);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .tm-theme-bg-page .main > header[class*="-hero"]:not(.tm-sejarah-hero):not(.tm-ct-hero) [class*="hero__content"]::before {
    display: none;
  }
}

/* Sejarah — hero stays full-bleed (no bottom fade into next chapter) */
.sejarah-page.tm-theme-bg-page .tm-sejarah-hero::after {
  display: none;
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.62) 0%,
      rgba(12, 24, 41, 0.24) 36%,
      color-mix(in srgb, var(--tm-bg-fallback) 42%, transparent) 56%,
      color-mix(in srgb, var(--tm-bg-fallback) 92%, transparent) 72%,
      var(--tm-bg-fallback) 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.06) 0%, rgba(12, 24, 41, 0.48) 100%);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border-color: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.88);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__scroll {
  color: rgba(29, 54, 92, 0.68);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__scroll:hover,
.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__scroll:focus-visible {
  color: var(--tm-theme-text);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-hero__scroll i {
  color: var(--tm-theme-accent-3);
}

/* Hubungi Kami — left-aligned full-bleed (no white bottom wash) */
.contact-page.tm-theme-bg-page .tm-ct-hero::after {
  display: none;
}

.contact-page.tm-theme-bg-page .tm-ct-hero__overlay {
  background:
    linear-gradient(
      105deg,
      rgba(12, 24, 41, 0.94) 0%,
      rgba(29, 54, 92, 0.9) 22%,
      rgba(29, 54, 92, 0.62) 46%,
      rgba(42, 157, 143, 0.28) 68%,
      rgba(12, 24, 41, 0.32) 100%
    ),
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.42) 0%,
      transparent 38%,
      rgba(12, 24, 41, 0.55) 100%
    ),
    radial-gradient(
      ellipse 70% 55% at 88% 28%,
      rgba(255, 199, 54, 0.1) 0%,
      transparent 62%
    );
}

.contact-page.tm-theme-bg-page .tm-ct-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(29, 54, 92, 0.48) 48%,
    rgba(12, 24, 41, 0.1) 80%,
    transparent 100%
  );
}

.contact-page.tm-theme-bg-page .tm-ct-hero h1 {
  color: #ffffff;
}

.contact-page.tm-theme-bg-page .tm-ct-hero__eyebrow {
  color: #ffc736;
}

.contact-page.tm-theme-bg-page .tm-ct-hero__lead {
  color: rgba(255, 255, 255, 0.94);
}

.contact-page.tm-theme-bg-page .tm-ct-hero__crumb a {
  color: rgba(255, 255, 255, 0.9);
}

.contact-page.tm-theme-bg-page .tm-ct-hero__crumb a:hover,
.contact-page.tm-theme-bg-page .tm-ct-hero__crumb a:focus-visible {
  color: var(--tm-theme-accent);
}

.contact-page.tm-theme-bg-page .tm-ct-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.45);
}

.contact-page.tm-theme-bg-page .tm-ct-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.contact-page.tm-theme-bg-page .tm-ct-hero__rule {
  background: linear-gradient(
    90deg,
    #ffc736 0%,
    rgba(255, 199, 54, 0.75) 55%,
    rgba(42, 157, 143, 0.45) 100%
  );
}

@media (max-width: 767.98px) {
  .contact-page.tm-theme-bg-page .tm-ct-hero__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(12, 24, 41, 0.78) 0%,
        rgba(29, 54, 92, 0.82) 42%,
        rgba(12, 24, 41, 0.9) 100%
      ),
      linear-gradient(
        105deg,
        rgba(29, 54, 92, 0.7) 0%,
        rgba(42, 157, 143, 0.22) 55%,
        transparent 85%
      );
  }
}

/* Scrolled header — always readable on light wave background */
.tm-theme-bg-page.scrolled #header.header {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid var(--tm-theme-border) !important;
  box-shadow: 0 4px 20px rgba(15, 30, 53, 0.06) !important;
}

@media (min-width: 1200px) {
  .tm-theme-bg-page.scrolled .navmenu > ul > li > a {
    color: var(--tm-theme-text) !important;
  }

  .tm-theme-bg-page.scrolled .navmenu > ul > li > a:hover,
  .tm-theme-bg-page.scrolled .navmenu > ul > li > a:focus-visible {
    color: var(--tm-theme-text) !important;
    background: rgba(29, 54, 92, 0.06) !important;
  }

  .tm-theme-bg-page.scrolled .navmenu > ul > li > a.active {
    color: var(--tm-theme-text) !important;
    background: rgba(255, 199, 54, 0.22) !important;
    font-weight: 600;
  }
}

.tm-theme-bg-page.scrolled .tm-header-cta {
  background: var(--tm-theme-accent) !important;
  color: #1d365c !important;
  box-shadow: 0 4px 16px rgba(255, 199, 54, 0.28);
}

.tm-theme-bg-page.scrolled #header .mobile-nav-toggle {
  color: var(--tm-theme-text);
  border-color: var(--tm-theme-border);
  background: rgba(29, 54, 92, 0.05);
}

/* Mobile drawer must not inherit header backdrop-filter (traps position:fixed menu) */
@media (max-width: 1199.98px) {
  .mobile-nav-active.tm-theme-bg-page #header.header {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
  }
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-intro__tagline {
  display: inline-block;
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-style: normal;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tm-theme-accent-3);
  opacity: 1;
  margin-bottom: 0.75rem;
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-intro h2 {
  font-family: "Poppins", system-ui, sans-serif;
  letter-spacing: -0.02em;
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-banner {
  border-radius: 16px;
  box-shadow:
    var(--tm-theme-card-shadow),
    0 0 0 1px rgba(255, 199, 54, 0.22);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-card {
  border-radius: 16px;
  box-shadow: var(--tm-theme-card-shadow);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-video {
  border-radius: 16px;
  border: 1px solid var(--tm-theme-border);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-video__heading {
  color: var(--tm-theme-text);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-video__lead {
  color: var(--tm-theme-text-muted);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-video__frame {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(15, 30, 53, 0.1);
}

.sejarah-page.tm-theme-bg-page .tm-sejarah-timeline::after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 199, 54, 0.1) 45%,
    rgba(42, 157, 143, 0.08) 55%,
    transparent
  );
}

/* —— Visi & Misi —— */

/* Hero header blend — matches Sejarah theme treatment */
.misi-visi-page.tm-theme-bg-page .tm-mv-hero::after {
  display: none;
}

.misi-visi-page.tm-theme-bg-page .tm-mv-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.62) 0%,
      rgba(12, 24, 41, 0.24) 36%,
      color-mix(in srgb, var(--tm-bg-fallback) 42%, transparent) 56%,
      color-mix(in srgb, var(--tm-bg-fallback) 92%, transparent) 72%,
      var(--tm-bg-fallback) 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.06) 0%, rgba(12, 24, 41, 0.48) 100%);
}

.misi-visi-page.tm-theme-bg-page .tm-mv-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.78) 0%,
    rgba(12, 24, 41, 0.42) 48%,
    rgba(12, 24, 41, 0.1) 80%,
    transparent 100%
  );
}

.misi-visi-page.tm-theme-bg-page .tm-mv-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border-color: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.88);
}

.misi-visi-page.tm-theme-bg-page .tm-mv-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.misi-visi-page.tm-theme-bg-page .tm-mv-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.misi-visi-page.tm-theme-bg-page .tm-mv-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.misi-visi-page.tm-theme-bg-page .tm-mv-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.misi-visi-page.tm-theme-bg-page .tm-mv-visi-card,
.misi-visi-page.tm-theme-bg-page .tm-mv-misi__card,
.misi-visi-page.tm-theme-bg-page .tm-mv-trust__item,
.misi-visi-page.tm-theme-bg-page .tm-mv-cta {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.misi-visi-page.tm-theme-bg-page .tm-mv-cta {
  background: linear-gradient(135deg, rgba(29, 54, 92, 0.97) 0%, rgba(12, 24, 41, 0.98) 100%);
}

@media (prefers-reduced-transparency: reduce) {
  .misi-visi-page.tm-theme-bg-page .tm-mv-visi-card,
  .misi-visi-page.tm-theme-bg-page .tm-mv-misi__card,
  .misi-visi-page.tm-theme-bg-page .tm-mv-trust__item {
    background: #fff;
    backdrop-filter: none;
  }

  .misi-visi-page.tm-theme-bg-page .tm-mv-cta {
    background: var(--mv-navy, #1d365c);
    backdrop-filter: none;
  }
}

/* —— Dalam Dilema —— */
.dalam-dilema-page.tm-theme-bg-page .tm-dd-hero::after {
  display: none;
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.62) 0%,
      rgba(12, 24, 41, 0.24) 36%,
      color-mix(in srgb, var(--tm-bg-fallback) 42%, transparent) 56%,
      color-mix(in srgb, var(--tm-bg-fallback) 92%, transparent) 72%,
      var(--tm-bg-fallback) 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.06) 0%, rgba(12, 24, 41, 0.48) 100%);
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.78) 0%,
    rgba(12, 24, 41, 0.42) 48%,
    rgba(12, 24, 41, 0.1) 80%,
    transparent 100%
  );
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border-color: rgba(255, 255, 255, 0.16);
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-stats__item,
.dalam-dilema-page.tm-theme-bg-page .tm-dd-chapter {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.dalam-dilema-page.tm-theme-bg-page .tm-dd-cta {
  background: linear-gradient(135deg, rgba(29, 54, 92, 0.97) 0%, rgba(12, 24, 41, 0.98) 100%);
}

.dalam-dilema-page.tm-theme-bg-page .dd-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(255, 255, 255, 0.5) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .dalam-dilema-page .dd-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .dalam-dilema-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .dalam-dilema-page.tm-theme-bg-page .tm-dd-stats__item,
  .dalam-dilema-page.tm-theme-bg-page .tm-dd-chapter {
    background: #fff;
    backdrop-filter: none;
  }
}

/* —— Penyelesaian Hutang —— */
.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-hero::after {
  display: none;
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.62) 0%,
      rgba(12, 24, 41, 0.24) 36%,
      color-mix(in srgb, var(--tm-bg-fallback) 42%, transparent) 56%,
      color-mix(in srgb, var(--tm-bg-fallback) 92%, transparent) 72%,
      var(--tm-bg-fallback) 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.06) 0%, rgba(12, 24, 41, 0.48) 100%);
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.78) 0%,
    rgba(12, 24, 41, 0.42) 48%,
    rgba(12, 24, 41, 0.1) 80%,
    transparent 100%
  );
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border-color: rgba(255, 255, 255, 0.16);
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-stats__item,
.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-chapter {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-cta {
  background: linear-gradient(135deg, rgba(29, 54, 92, 0.97) 0%, rgba(12, 24, 41, 0.98) 100%);
}

.penyelesaian-hutang-page.tm-theme-bg-page .ph-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(255, 255, 255, 0.5) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .penyelesaian-hutang-page .ph-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .penyelesaian-hutang-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-stats__item,
  .penyelesaian-hutang-page.tm-theme-bg-page .tm-ph-chapter {
    background: #fff;
    backdrop-filter: none;
  }
}

/* —— Pembelian Tanah —— */
.pembelian-tanah-page.tm-theme-bg-page .tm-pt-hero::after {
  display: none;
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.62) 0%,
      rgba(12, 24, 41, 0.24) 36%,
      color-mix(in srgb, var(--tm-bg-fallback) 42%, transparent) 56%,
      color-mix(in srgb, var(--tm-bg-fallback) 92%, transparent) 72%,
      var(--tm-bg-fallback) 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.06) 0%, rgba(12, 24, 41, 0.48) 100%);
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.78) 0%,
    rgba(12, 24, 41, 0.42) 48%,
    rgba(12, 24, 41, 0.1) 80%,
    transparent 100%
  );
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border-color: rgba(255, 255, 255, 0.16);
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-stats__item,
.pembelian-tanah-page.tm-theme-bg-page .tm-pt-chapter {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.pembelian-tanah-page.tm-theme-bg-page .tm-pt-cta {
  background: linear-gradient(135deg, rgba(29, 54, 92, 0.97) 0%, rgba(12, 24, 41, 0.98) 100%);
}

.pembelian-tanah-page.tm-theme-bg-page .pt-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(255, 255, 255, 0.5) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .pembelian-tanah-page .pt-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .pembelian-tanah-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .pembelian-tanah-page.tm-theme-bg-page .tm-pt-stats__item,
  .pembelian-tanah-page.tm-theme-bg-page .tm-pt-chapter {
    background: #fff;
    backdrop-filter: none;
  }
}

/* —— Keanggotaan —— */
.keanggotaan-page.tm-theme-bg-page .tm-ka-hero::after {
  display: none;
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.62) 0%,
      rgba(12, 24, 41, 0.24) 36%,
      color-mix(in srgb, var(--tm-bg-fallback) 42%, transparent) 56%,
      color-mix(in srgb, var(--tm-bg-fallback) 92%, transparent) 72%,
      var(--tm-bg-fallback) 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.06) 0%, rgba(12, 24, 41, 0.48) 100%);
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.78) 0%,
    rgba(12, 24, 41, 0.42) 48%,
    rgba(12, 24, 41, 0.1) 80%,
    transparent 100%
  );
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border-color: rgba(255, 255, 255, 0.16);
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-stats__item,
.keanggotaan-page.tm-theme-bg-page .tm-ka-chapter {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.keanggotaan-page.tm-theme-bg-page .tm-ka-cta {
  background: linear-gradient(135deg, rgba(29, 54, 92, 0.97) 0%, rgba(12, 24, 41, 0.98) 100%);
}

.keanggotaan-page.tm-theme-bg-page .ka-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(255, 255, 255, 0.5) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .keanggotaan-page .ka-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .keanggotaan-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .keanggotaan-page.tm-theme-bg-page .tm-ka-stats__item,
  .keanggotaan-page.tm-theme-bg-page .tm-ka-chapter {
    background: #fff;
    backdrop-filter: none;
  }
}

/* —— Pencapaian —— */
.pencapaian-page.tm-theme-bg-page .tm-pc-hero::after {
  display: none;
}

.pencapaian-page.tm-theme-bg-page .tm-pc-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.78) 0%,
      rgba(12, 24, 41, 0.58) 40%,
      rgba(12, 24, 41, 0.45) 65%,
      color-mix(in srgb, var(--tm-bg-fallback) 88%, transparent) 85%,
      var(--tm-bg-fallback) 100%
    ),
    radial-gradient(ellipse 120% 85% at 50% 22%, rgba(255, 199, 54, 0.1) 0%, rgba(12, 24, 41, 0.45) 100%);
}

.pencapaian-page.tm-theme-bg-page .tm-pc-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(12, 24, 41, 0.45) 48%,
    rgba(12, 24, 41, 0.1) 80%,
    transparent 100%
  );
}

.pencapaian-page.tm-theme-bg-page .tm-pc-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border-color: rgba(255, 255, 255, 0.16);
}

.pencapaian-page.tm-theme-bg-page .tm-pc-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.pencapaian-page.tm-theme-bg-page .tm-pc-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.pencapaian-page.tm-theme-bg-page .tm-pc-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.pencapaian-page.tm-theme-bg-page .tm-pc-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.pencapaian-page.tm-theme-bg-page .tm-pc-medals__item,
.pencapaian-page.tm-theme-bg-page .tm-pc-bento__card:not(.tm-pc-bento__card--accent) {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.pencapaian-page.tm-theme-bg-page .pc-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(255, 199, 54, 0.12) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .pencapaian-page .pc-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .pencapaian-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }
}

@media (prefers-reduced-transparency: reduce) {
  .pencapaian-page.tm-theme-bg-page .tm-pc-medals__item,
  .pencapaian-page.tm-theme-bg-page .tm-pc-bento__card:not(.tm-pc-bento__card--accent) {
    background: #fff;
    backdrop-filter: none;
  }
}

/* —— Berita Peristiwa —— */
.berita-peristiwa-page.tm-theme-bg-page .tm-bp-hero::after {
  display: none;
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.68) 0%,
      rgba(12, 24, 41, 0.3) 36%,
      rgba(246, 248, 250, 0.42) 56%,
      rgba(246, 248, 250, 0.9) 72%,
      #f6f8fa 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.08) 0%, rgba(12, 24, 41, 0.5) 100%);
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(12, 24, 41, 0.48) 45%,
    rgba(12, 24, 41, 0.12) 78%,
    transparent 100%
  );
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-event {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-filter__btn:not(.is-active) {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-filter__btn.is-active {
  background: var(--tm-primary);
  border-color: #1d365c;
  color: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.berita-peristiwa-page.tm-theme-bg-page .tm-bp-event--highlight {
  background: linear-gradient(145deg, rgba(255, 254, 248, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.berita-peristiwa-page.tm-theme-bg-page .bp-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(42, 157, 143, 0.1) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .berita-peristiwa-page .bp-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .berita-peristiwa-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }
}

/* —— Lembaga Pengarah —— */
.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-hero::after {
  display: none;
}

.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.68) 0%,
      rgba(12, 24, 41, 0.3) 36%,
      rgba(246, 248, 250, 0.42) 56%,
      rgba(246, 248, 250, 0.9) 72%,
      #f6f8fa 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.08) 0%, rgba(12, 24, 41, 0.5) 100%);
}

.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(12, 24, 41, 0.48) 45%,
    rgba(12, 24, 41, 0.12) 78%,
    transparent 100%
  );
}

.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-officer,
.lembaga-pengarah-page.tm-theme-bg-page .tm-lp-member {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.lembaga-pengarah-page.tm-theme-bg-page .lp-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(29, 54, 92, 0.08) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .lembaga-pengarah-page .lp-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .lembaga-pengarah-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }

  .lembaga-pengarah-page.tm-theme-bg-page .tm-lp-officer,
  .lembaga-pengarah-page.tm-theme-bg-page .tm-lp-member {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* —— Bicara Pengerusi —— */
.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-hero::after {
  display: none;
}

.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.68) 0%,
      rgba(12, 24, 41, 0.32) 38%,
      rgba(246, 248, 250, 0.38) 58%,
      rgba(246, 248, 250, 0.9) 74%,
      #f6f8fa 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.08) 0%, rgba(12, 24, 41, 0.5) 100%);
}

.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(12, 24, 41, 0.48) 45%,
    rgba(12, 24, 41, 0.12) 78%,
    transparent 100%
  );
}

.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-message,
.bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-chapter {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bicara-pengerusi-page.tm-theme-bg-page .bcp-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(42, 157, 143, 0.08) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .bicara-pengerusi-page .bcp-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .bicara-pengerusi-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }

  .bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-message,
  .bicara-pengerusi-page.tm-theme-bg-page .tm-bcp-chapter {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .berita-peristiwa-page.tm-theme-bg-page .tm-bp-event,
  .berita-peristiwa-page.tm-theme-bg-page .tm-bp-filter__btn:not(.is-active) {
    background: #fff;
    backdrop-filter: none;
  }

  .berita-peristiwa-page.tm-theme-bg-page .tm-bp-filter__btn.is-active {
    background: var(--tm-primary);
    color: #fff;
  }

  .berita-peristiwa-page.tm-theme-bg-page .tm-bp-event--highlight {
    background: #fffef8;
  }
}

/* —— Jawatankuasa Kecil —— */
.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-hero::after {
  display: none;
}

.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.68) 0%,
      rgba(12, 24, 41, 0.3) 36%,
      rgba(246, 248, 250, 0.42) 56%,
      rgba(246, 248, 250, 0.9) 72%,
      #f6f8fa 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.08) 0%, rgba(12, 24, 41, 0.5) 100%);
}

.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(12, 24, 41, 0.48) 45%,
    rgba(12, 24, 41, 0.12) 78%,
    transparent 100%
  );
}

.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-committee {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.jawatankuasa-kecil-page.tm-theme-bg-page .jk-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(29, 54, 92, 0.08) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .jawatankuasa-kecil-page .jk-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .jawatankuasa-kecil-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }

  .jawatankuasa-kecil-page.tm-theme-bg-page .tm-jk-committee {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* —— Pengurusan —— */
.pengurusan-page.tm-theme-bg-page .tm-pg-hero::after {
  display: none;
}

.pengurusan-page.tm-theme-bg-page .tm-pg-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.68) 0%,
      rgba(12, 24, 41, 0.3) 36%,
      rgba(246, 248, 250, 0.42) 56%,
      rgba(246, 248, 250, 0.9) 72%,
      #f6f8fa 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.08) 0%, rgba(12, 24, 41, 0.5) 100%);
}

.pengurusan-page.tm-theme-bg-page .tm-pg-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(12, 24, 41, 0.48) 45%,
    rgba(12, 24, 41, 0.12) 78%,
    transparent 100%
  );
}

.pengurusan-page.tm-theme-bg-page .tm-pg-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.pengurusan-page.tm-theme-bg-page .tm-pg-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.pengurusan-page.tm-theme-bg-page .tm-pg-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.pengurusan-page.tm-theme-bg-page .tm-pg-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.pengurusan-page.tm-theme-bg-page .tm-pg-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.pengurusan-page.tm-theme-bg-page .tm-pg-staff,
.pengurusan-page.tm-theme-bg-page .tm-pg-team-photo figcaption {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.pengurusan-page.tm-theme-bg-page .pg-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(42, 157, 143, 0.08) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .pengurusan-page .pg-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .pengurusan-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }

  .pengurusan-page.tm-theme-bg-page .tm-pg-staff,
  .pengurusan-page.tm-theme-bg-page .tm-pg-team-photo figcaption {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* —— Audit Dalaman —— */
.audit-dalaman-page.tm-theme-bg-page .tm-ad-hero::after {
  display: none;
}

.audit-dalaman-page.tm-theme-bg-page .tm-ad-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.68) 0%,
      rgba(12, 24, 41, 0.3) 36%,
      rgba(246, 248, 250, 0.42) 56%,
      rgba(246, 248, 250, 0.9) 72%,
      #f6f8fa 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.08) 0%, rgba(12, 24, 41, 0.5) 100%);
}

.audit-dalaman-page.tm-theme-bg-page .tm-ad-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(12, 24, 41, 0.48) 45%,
    rgba(12, 24, 41, 0.12) 78%,
    transparent 100%
  );
}

.audit-dalaman-page.tm-theme-bg-page .tm-ad-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.audit-dalaman-page.tm-theme-bg-page .tm-ad-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.audit-dalaman-page.tm-theme-bg-page .tm-ad-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.audit-dalaman-page.tm-theme-bg-page .tm-ad-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.audit-dalaman-page.tm-theme-bg-page .tm-ad-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.audit-dalaman-page.tm-theme-bg-page .tm-ad-roster__group,
.audit-dalaman-page.tm-theme-bg-page .tm-ad-team-photo figcaption {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.audit-dalaman-page.tm-theme-bg-page .ad-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(29, 54, 92, 0.08) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .audit-dalaman-page .ad-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .audit-dalaman-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }

  .audit-dalaman-page.tm-theme-bg-page .tm-ad-roster__group,
  .audit-dalaman-page.tm-theme-bg-page .tm-ad-team-photo figcaption {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* —— Media & Anggota pages —— */
.media-sosial-page.tm-theme-bg-page .tm-md-hero__overlay,
.buletin-page.tm-theme-bg-page .tm-md-hero__overlay,
.notis-anggota-page.tm-theme-bg-page .tm-md-hero__overlay,
.manfaat-anggota-page.tm-theme-bg-page .tm-md-hero__overlay,
.muat-turun-borang-page.tm-theme-bg-page .tm-md-hero__overlay {
  background:
    linear-gradient(
      180deg,
      rgba(12, 24, 41, 0.68) 0%,
      rgba(12, 24, 41, 0.3) 36%,
      rgba(246, 248, 250, 0.42) 56%,
      rgba(246, 248, 250, 0.9) 72%,
      #f6f8fa 88%
    ),
    radial-gradient(ellipse 120% 85% at 50% 32%, rgba(12, 24, 41, 0.08) 0%, rgba(12, 24, 41, 0.5) 100%);
}

.media-sosial-page.tm-theme-bg-page .tm-md-hero__bg::after,
.buletin-page.tm-theme-bg-page .tm-md-hero__bg::after,
.notis-anggota-page.tm-theme-bg-page .tm-md-hero__bg::after,
.manfaat-anggota-page.tm-theme-bg-page .tm-md-hero__bg::after,
.muat-turun-borang-page.tm-theme-bg-page .tm-md-hero__bg::after {
  background: linear-gradient(
    180deg,
    rgba(12, 24, 41, 0.82) 0%,
    rgba(12, 24, 41, 0.48) 45%,
    rgba(12, 24, 41, 0.12) 78%,
    transparent 100%
  );
}

.media-sosial-page.tm-theme-bg-page .tm-md-hero__crumb ol,
.buletin-page.tm-theme-bg-page .tm-md-hero__crumb ol,
.notis-anggota-page.tm-theme-bg-page .tm-md-hero__crumb ol,
.manfaat-anggota-page.tm-theme-bg-page .tm-md-hero__crumb ol,
.muat-turun-borang-page.tm-theme-bg-page .tm-md-hero__crumb ol {
  background: rgba(12, 24, 41, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.media-sosial-page.tm-theme-bg-page .tm-md-hero__crumb a,
.buletin-page.tm-theme-bg-page .tm-md-hero__crumb a,
.notis-anggota-page.tm-theme-bg-page .tm-md-hero__crumb a,
.manfaat-anggota-page.tm-theme-bg-page .tm-md-hero__crumb a,
.muat-turun-borang-page.tm-theme-bg-page .tm-md-hero__crumb a {
  color: rgba(255, 255, 255, 0.88);
}

.media-sosial-page.tm-theme-bg-page .tm-md-hero__crumb a:hover,
.buletin-page.tm-theme-bg-page .tm-md-hero__crumb a:hover,
.notis-anggota-page.tm-theme-bg-page .tm-md-hero__crumb a:hover,
.manfaat-anggota-page.tm-theme-bg-page .tm-md-hero__crumb a:hover,
.muat-turun-borang-page.tm-theme-bg-page .tm-md-hero__crumb a:hover {
  color: var(--tm-theme-accent);
}

.media-sosial-page.tm-theme-bg-page .tm-md-hero__crumb li + li::before,
.buletin-page.tm-theme-bg-page .tm-md-hero__crumb li + li::before,
.notis-anggota-page.tm-theme-bg-page .tm-md-hero__crumb li + li::before,
.manfaat-anggota-page.tm-theme-bg-page .tm-md-hero__crumb li + li::before,
.muat-turun-borang-page.tm-theme-bg-page .tm-md-hero__crumb li + li::before {
  color: rgba(255, 255, 255, 0.42);
}

.media-sosial-page.tm-theme-bg-page .tm-md-hero__crumb li[aria-current="page"],
.buletin-page.tm-theme-bg-page .tm-md-hero__crumb li[aria-current="page"],
.notis-anggota-page.tm-theme-bg-page .tm-md-hero__crumb li[aria-current="page"],
.manfaat-anggota-page.tm-theme-bg-page .tm-md-hero__crumb li[aria-current="page"],
.muat-turun-borang-page.tm-theme-bg-page .tm-md-hero__crumb li[aria-current="page"] {
  color: var(--tm-theme-accent);
}

.media-sosial-page.tm-theme-bg-page .tm-ms-embed-card,
.buletin-page.tm-theme-bg-page .tm-bl-item,
.notis-anggota-page.tm-theme-bg-page .tm-ag-notice__figure,
.manfaat-anggota-page.tm-theme-bg-page .tm-ag-swiper,
.muat-turun-borang-page.tm-theme-bg-page .tm-ag-borang__item {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.media-sosial-page.tm-theme-bg-page .md-page::before,
.buletin-page.tm-theme-bg-page .md-page::before,
.notis-anggota-page.tm-theme-bg-page .md-page::before,
.manfaat-anggota-page.tm-theme-bg-page .md-page::before,
.muat-turun-borang-page.tm-theme-bg-page .md-page::before {
  background:
    radial-gradient(ellipse 120% 55% at 50% -8%, rgba(42, 157, 143, 0.08) 0%, transparent 58%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--tm-bg-fallback) 82%, transparent) 0%,
      color-mix(in srgb, var(--tm-bg-fallback) 94%, transparent) 28%,
      color-mix(in srgb, var(--tm-bg-fallback) 98%, transparent) 100%
    );
}

@media (prefers-reduced-transparency: reduce) {
  .media-sosial-page .md-page::before,
  .buletin-page .md-page::before,
  .notis-anggota-page .md-page::before,
  .manfaat-anggota-page .md-page::before,
  .muat-turun-borang-page .md-page::before {
    background: var(--tm-bg-fallback, #f6f8fa);
    opacity: 0.96;
  }

  .media-sosial-page .tm-theme-bg::after,
  .buletin-page .tm-theme-bg::after,
  .notis-anggota-page .tm-theme-bg::after,
  .manfaat-anggota-page .tm-theme-bg::after,
  .muat-turun-borang-page .tm-theme-bg::after {
    background: var(--tm-bg-overlay);
  }

  .media-sosial-page.tm-theme-bg-page .tm-ms-embed-card,
  .buletin-page.tm-theme-bg-page .tm-bl-item,
  .notis-anggota-page.tm-theme-bg-page .tm-ag-notice__figure,
  .manfaat-anggota-page.tm-theme-bg-page .tm-ag-swiper,
  .muat-turun-borang-page.tm-theme-bg-page .tm-ag-borang__item {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}