/* Liquid Light — preview only. Inert unless html[data-sa-theme="liquid-light"].
   Header/footer chrome is shared by homepage, Hakkımızda, Hizmetlerimiz,
   İletişim, Kurumsal Başvuru, Üye Girişi, Kayıt Ol, the public /panel/
   entry, and pre-auth /app/login.html. Homepage product/hero visuals stay
   scoped to body.page-landing.page-home. Authenticated product hubs are
   scoped to body.page-cikmis-sorular (not a body.page-landing takeover).
   Hub browse/listing surfaces (Batch 3) also use body.page-cikmis-sorular.
   Institution launcher is scoped to body.page-app. */

html[data-sa-theme="liquid-light"] {
  --bg-deep: #f4f6f8;
  --bg-mid: #f8f7f4;
  --bg-elevated: rgba(255, 255, 255, 0.78);
  --border: rgba(15, 23, 42, 0.08);
  --text: #1d1d1f;
  --text-muted: #6e6e73;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", sans-serif;
  --max: 1120px;
  --page-measure: min(var(--max), calc(100% - (2 * var(--page-pad))));
  --ll-ink: #1d1d1f;
  --ll-ink-secondary: #475569;
  --ll-ink-muted: #6e6e73;
  --ll-accent: #087ea4;
  --ll-surface: rgba(255, 255, 255, 0.8);
  --ll-surface-strong: rgba(255, 255, 255, 0.9);
  --ll-shadow: 0 12px 38px rgba(15, 23, 42, 0.055);
  --ll-shadow-hover: 0 16px 42px rgba(15, 23, 42, 0.08);

  /* Shared nav-pill system: ice-mint glass + Apple-blue active state.
     Used only by inactive header pills — not the academy CTA. */
  --ll-nav-pill-bg:
    radial-gradient(ellipse 92% 68% at 8% 0%, rgba(186, 242, 255, 0.58), transparent 70%),
    radial-gradient(ellipse 80% 70% at 100% 110%, rgba(186, 245, 220, 0.4), transparent 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(220, 246, 241, 0.95) 100%);
  --ll-nav-pill-bg-hover:
    radial-gradient(ellipse 92% 68% at 8% 0%, rgba(170, 236, 255, 0.7), transparent 72%),
    radial-gradient(ellipse 80% 70% at 100% 110%, rgba(174, 242, 214, 0.5), transparent 68%),
    linear-gradient(180deg, #ffffff 0%, #cef3ec 100%);
  --ll-nav-pill-border: rgba(38, 148, 164, 0.36);
  --ll-nav-pill-border-hover: rgba(14, 132, 156, 0.48);
  --ll-nav-pill-text: #1d1d1f;
  --ll-nav-pill-text-hover: #0b0f14;
  --ll-nav-pill-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 0 0 1px rgba(232, 253, 248, 0.55),
    0 5px 16px rgba(8, 88, 108, 0.1);
  --ll-nav-pill-shadow-hover:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 0 0 1px rgba(232, 253, 248, 0.72),
    0 8px 20px rgba(8, 88, 108, 0.14);
  --ll-active-grad: linear-gradient(165deg, #0a84ff 0%, #0071e3 55%, #0064d1 100%);
  --ll-active-grad-hover: linear-gradient(165deg, #2196ff 0%, #0077e6 55%, #0068da 100%);
  --ll-active-border: rgba(120, 190, 255, 0.55);
  --ll-active-border-hover: rgba(120, 190, 255, 0.7);
  --ll-active-shadow: 0 8px 22px rgba(0, 113, 227, 0.32);
  --ll-active-shadow-hover: 0 10px 26px rgba(0, 113, 227, 0.4);
}

@media (min-width: 1600px) {
  html[data-sa-theme="liquid-light"] {
    --max: 1200px;
  }
}

@media (min-width: 1920px) {
  html[data-sa-theme="liquid-light"] {
    --max: 1240px;
  }
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home {
  color: var(--ll-ink);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  background:
    linear-gradient(180deg, #f8f7f4 0%, #f5f6f8 42%, #f7f8fb 100%);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home::before,
html[data-sa-theme="liquid-light"] body.page-landing.page-home::after {
  content: "";
  position: fixed;
  inset: -28% -20%;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home::before {
  background:
    radial-gradient(ellipse 78% 52% at 10% 6%, rgba(214, 236, 252, 0.55), transparent 74%),
    radial-gradient(ellipse 62% 46% at 92% 10%, rgba(232, 226, 250, 0.38), transparent 76%),
    linear-gradient(180deg, #f8f7f4 0%, #f5f6f8 50%, #f7f8fb 100%);
  animation: sa-ll-drift-a 36s ease-in-out infinite alternate;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home::after {
  background:
    radial-gradient(ellipse 70% 54% at 82% 88%, rgba(209, 245, 230, 0.32), transparent 78%),
    radial-gradient(ellipse 52% 42% at 16% 94%, rgba(255, 241, 214, 0.22), transparent 76%);
  animation: sa-ll-drift-b 40s ease-in-out infinite alternate;
}

@keyframes sa-ll-drift-a {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(1.6%, 1.1%, 0) scale(1.03); }
}

@keyframes sa-ll-drift-b {
  0% { transform: translate3d(0, 0, 0) scale(1.02); }
  100% { transform: translate3d(-1.4%, -1%, 0) scale(1); }
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home:not(.page-cikmis-sorular) main::before {
  display: none;
  opacity: 0;
  background: none;
}

/* Shared pearl canvas + restrained ambient — auth, app login, contact, kurumsal only.
   Does not restyle homepage (already above) or product hubs. */
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc) {
  color: var(--ll-ink);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  background: linear-gradient(180deg, #f8f7f4 0%, #f5f6f8 42%, #f7f8fb 100%);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc)::before,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc)::after {
  content: "";
  display: block;
  opacity: 1;
  position: fixed;
  inset: -28% -20%;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc)::before {
  background:
    radial-gradient(ellipse 78% 52% at 10% 6%, rgba(214, 236, 252, 0.55), transparent 74%),
    radial-gradient(ellipse 62% 46% at 92% 10%, rgba(232, 226, 250, 0.38), transparent 76%),
    linear-gradient(180deg, #f8f7f4 0%, #f5f6f8 50%, #f7f8fb 100%);
  animation: sa-ll-drift-a 36s ease-in-out infinite alternate;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc)::after {
  background:
    radial-gradient(ellipse 70% 54% at 82% 88%, rgba(209, 245, 230, 0.32), transparent 78%),
    radial-gradient(ellipse 52% 42% at 16% 94%, rgba(255, 241, 214, 0.22), transparent 76%);
  animation: sa-ll-drift-b 40s ease-in-out infinite alternate;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc):not(.page-cikmis-sorular) main::before {
  display: none;
  opacity: 0;
  background: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-rail {
  --public-rail-content-max: 1120px;
}

@media (min-width: 1600px) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-rail {
    --public-rail-content-max: 1200px;
  }
}

@media (min-width: 1920px) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-rail {
    --public-rail-content-max: 1240px;
  }
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-rail__slot,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-slot {
  border-color: rgba(15, 23, 42, 0.07);
  background: rgba(255, 255, 255, 0.42);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-rail__label,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-rail__placeholder,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-slot__label,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-ad-slot__placeholder {
  color: #86868b;
}

/* —— Header: scroll-safe pearl glass (sticky occupies layout space) —— */
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-header,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-header--landing {
  position: sticky;
  top: 0;
  z-index: 120;
  isolation: isolate;
  background: #fafcff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(22px) saturate(130%);
  -webkit-backdrop-filter: blur(22px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-header--landing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: #fafcff;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-header--landing .header-inner {
  position: relative;
  z-index: 1;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-inner--landing {
  padding: 12px 0 14px;
  gap: 12px;
}

@media (max-width: 767px) and (pointer: coarse) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .header-inner--landing {
    padding: 6px 0 8px;
    gap: 8px;
  }
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand--lockup {
  color: #172033;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-name {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #172033;
  filter: none;
  text-shadow: none;
  font-weight: 720;
  letter-spacing: -0.028em;
  line-height: 1.08;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-name__surucu,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand--lockup:hover .brand-name__surucu {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #172033;
  filter: none;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-name__akademisi,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand--lockup:hover .brand-name__akademisi {
  background: linear-gradient(105deg, #164e63 0%, #087ea4 52%, #0ea5b7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: none;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand--lockup:hover,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand--lockup:hover .brand-name {
  color: #172033;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-tagline {
  color: #8e9199;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-shadow: none;
}

@media (min-width: 768px), (pointer: fine) {
  /* Shared desktop scale: modest ~20% larger than the 1920-based original at mid widths
     (1440 ≈ 0.90 vs old 0.75). Same shrink-together principle; cap remains 1. */
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) {
    --sa-ll-progress: clamp(0.2, calc(100vw / 1600px), 1);
    --sa-header-logo-size: calc(64px * var(--sa-ll-progress));
    --sa-brand-title-size: calc(1.17rem * var(--sa-ll-progress));
    --sa-brand-tagline-size: calc(0.5rem * var(--sa-ll-progress));
    --sa-brand-lockup-gap: calc(7px * var(--sa-ll-progress));
    /* Natural brand width — no phantom formula track. Tiny right balance only. */
    --sa-brand-column-width: max-content;
    --sa-brand-balance-width: clamp(0px, 1.2vw, 20px);
    --sa-nav-small-width: calc(96px * var(--sa-ll-progress));
    --sa-std-pill-w: calc(96px * var(--sa-ll-progress));
    --sa-nav-height: calc(44px * var(--sa-ll-progress));
    --sa-nav-font-size: calc(0.68rem * var(--sa-ll-progress));
    --sa-nav-pad-x: calc(7px * var(--sa-ll-progress));
    --sa-nav-gap: calc(5px * var(--sa-ll-progress));
    --sa-nav-dock-pad-y: calc(4px * var(--sa-ll-progress));
    --sa-nav-dock-pad-x: calc(4px * var(--sa-ll-progress));
    --sa-course-login-width: calc(236px * var(--sa-ll-progress));
    --sa-course-font-size: calc(0.6rem * var(--sa-ll-progress));
    --sa-course-pad-x: calc(8px * var(--sa-ll-progress));
    --sa-academy-width: max-content;
    --sa-academy-height: calc(44px * var(--sa-ll-progress));
    --sa-academy-font-size: calc(0.64rem * var(--sa-ll-progress));
    --sa-academy-pad-y: calc(6px * var(--sa-ll-progress));
    --sa-academy-pad-x: calc(11px * var(--sa-ll-progress));
    --sa-exam-results-width: calc(188px * var(--sa-ll-progress));
    --sa-exam-title-size: calc(0.64rem * var(--sa-ll-progress));
    --sa-exam-sub-size: calc(0.5rem * var(--sa-ll-progress));
    --sa-exam-icon-size: calc(15px * var(--sa-ll-progress));
    --sa-header-gap: calc(9px * var(--sa-ll-progress));
    --sa-header-inline-padding: calc(14px * var(--sa-ll-progress));
    --sa-home-grid-gap: calc(24px * var(--sa-ll-progress));
    --sa-home-card-pad: calc(16px * var(--sa-ll-progress));
    --sa-home-card-radius: calc(26px * var(--sa-ll-progress));
    --sa-home-section-pad-y: calc(22px * var(--sa-ll-progress));
    --sa-hero-title-size: calc(1.72rem * var(--sa-ll-progress));
    --sa-hero-slogan-size: calc(1.04rem * var(--sa-ll-progress));
    --sa-hero-desc-size: calc(0.96rem * var(--sa-ll-progress));
    --sa-home-card-font: calc(0.9rem * var(--sa-ll-progress));
    --sa-page-gutter: calc(24px * var(--sa-ll-progress));
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-name {
    font-size: var(--sa-brand-title-size);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-navband {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: var(--sa-nav-gap);
    row-gap: 0;
    width: auto;
    max-width: none;
    padding: var(--sa-nav-dock-pad-y) var(--sa-nav-dock-pad-x);
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav {
    gap: var(--sa-nav-gap);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__item,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register {
    box-sizing: border-box;
    flex: 0 0 var(--sa-std-pill-w);
    width: var(--sa-std-pill-w);
    min-width: var(--sa-std-pill-w);
    max-width: var(--sa-std-pill-w);
    height: var(--sa-nav-height);
    min-height: var(--sa-nav-height);
    padding: 0 var(--sa-nav-pad-x);
    font-size: var(--sa-nav-font-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 14px;
    color: var(--ll-nav-pill-text);
    font-weight: 600;
    letter-spacing: -0.012em;
    background: var(--ll-nav-pill-bg);
    border: 1px solid var(--ll-nav-pill-border);
    box-shadow: var(--ll-nav-pill-shadow);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-logout,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-greeting {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: auto;
    min-width: max-content;
    max-width: none;
    height: var(--sa-nav-height);
    min-height: var(--sa-nav-height);
    padding: 0 var(--sa-nav-pad-x);
    font-size: var(--sa-nav-font-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    border-radius: 14px;
    color: var(--ll-nav-pill-text);
    font-weight: 600;
    letter-spacing: -0.012em;
    background: var(--ll-nav-pill-bg);
    border: 1px solid var(--ll-nav-pill-border);
    box-shadow: var(--ll-nav-pill-shadow);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link:nth-child(2):not([aria-current="page"]) {
    background:
      radial-gradient(ellipse 90% 70% at 12% 0%, rgba(186, 230, 253, 0.5), transparent 68%),
      var(--ll-nav-pill-bg);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link:nth-child(3):not([aria-current="page"]) {
    background:
      radial-gradient(ellipse 90% 70% at 12% 0%, rgba(167, 243, 208, 0.42), transparent 68%),
      var(--ll-nav-pill-bg);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link:nth-child(4):not([aria-current="page"]) {
    background:
      radial-gradient(ellipse 90% 70% at 12% 0%, rgba(191, 219, 254, 0.48), transparent 68%),
      var(--ll-nav-pill-bg);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link:hover,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link:nth-child(n):not([aria-current="page"]):hover {
    color: var(--ll-nav-pill-text-hover);
    background: var(--ll-nav-pill-bg-hover);
    border-color: var(--ll-nav-pill-border-hover);
    transform: translateY(-1px);
    box-shadow: var(--ll-nav-pill-shadow-hover);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link[aria-current="page"] {
    color: #ffffff;
    font-weight: 650;
    background: var(--ll-active-grad);
    border-color: var(--ll-active-border);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.35),
      var(--ll-active-shadow);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link[aria-current="page"]:hover {
    color: #ffffff;
    background: var(--ll-active-grad-hover);
    border-color: var(--ll-active-border-hover);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.4),
      var(--ll-active-shadow-hover);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link:focus-visible {
    outline: 2px solid rgba(8, 126, 164, 0.55);
    outline-offset: 2px;
  }

  /* Compact single-row header — brand left, nav + academy CTA on the same axis */
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-header--landing .header-inner.container,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-header--landing .header-inner--landing {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: var(--sa-header-inline-padding);
    padding-right: var(--sa-header-inline-padding);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-inner--landing,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-inner--landing.header-inner--public,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .header-inner--landing {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) var(--sa-brand-balance-width);
    align-items: center;
    column-gap: var(--sa-header-gap);
    padding: 6px var(--sa-header-inline-padding);
    min-height: 0;
    min-width: 0;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-brand {
    order: 0;
    grid-column: 1;
    justify-self: start;
    width: max-content;
    min-width: 0;
    max-width: none;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-self: center;
    position: relative;
    z-index: 1;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-brand .brand--lockup,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-header--landing .brand--lockup {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    gap: var(--sa-brand-lockup-gap);
    min-width: 0;
    width: max-content;
    max-width: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-brand .brand-text {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    align-items: flex-start;
    text-align: left;
    gap: 1px;
    min-width: max-content;
    width: max-content;
    max-width: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-header--landing .brand-logo-img {
    width: var(--sa-header-logo-size);
    height: var(--sa-header-logo-size);
    border-radius: 50%;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-name,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-brand .brand-name {
    display: block;
    flex: 0 0 auto;
    width: max-content;
    max-width: none;
    font-size: var(--sa-brand-title-size);
    line-height: 1.04;
    white-space: nowrap !important;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-name__surucu,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-name__akademisi {
    display: inline !important;
    white-space: nowrap !important;
    word-break: normal;
    overflow-wrap: normal;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .brand-tagline {
    font-size: var(--sa-brand-tagline-size);
    letter-spacing: 0.16em;
    line-height: 1.2;
    white-space: nowrap;
    width: max-content;
    max-width: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-navband {
    order: 1;
    grid-column: 2;
    justify-self: center;
    flex: 0 1 auto;
    min-width: 0;
    width: max-content;
    max-width: 100%;
    flex-wrap: nowrap;
    margin-inline: 0;
    align-self: center;
    border-radius: 0;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    min-width: 0;
    gap: var(--sa-nav-gap);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-logout,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-greeting {
    width: auto;
    min-width: 0;
    max-width: none;
    white-space: nowrap;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-course {
    box-sizing: border-box;
    flex: 0 0 var(--sa-course-login-width);
    width: var(--sa-course-login-width);
    min-width: var(--sa-course-login-width);
    max-width: var(--sa-course-login-width);
    height: var(--sa-nav-height);
    min-height: var(--sa-nav-height);
    padding: 0 var(--sa-course-pad-x);
    font-size: var(--sa-course-font-size);
    white-space: nowrap;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .header-landing-infonav,
  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband > .header-public-actions--account:not([hidden]) {
    display: contents;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .header-landing-infonav__link {
    order: 1;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .btn-public-login {
    order: 2;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .btn-public-register {
    order: 3;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .btn-public-course {
    order: 4;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .home-top-cta-band {
    order: 5;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    min-width: max-content;
    width: auto;
    max-width: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .sa-exam-results-cta {
    order: 6;
    flex: 0 1 auto;
    width: var(--sa-exam-results-width);
    max-width: var(--sa-exam-results-width);
    min-width: 0;
    box-sizing: border-box;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .header-public-actions--logout,
  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband #public-header-logout {
    order: 7;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .header-public-actions--greeting,
  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband #public-header-greeting {
    order: 8;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-public-actions--account.header-public-actions--user #public-header-logout,
  html[data-sa-theme="liquid-light"] body.page-landing .header-public-actions--account.header-public-actions--user #public-header-greeting {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: auto;
    min-width: max-content;
    height: var(--sa-nav-height);
    min-height: var(--sa-nav-height);
    padding: 0 var(--sa-nav-pad-x);
    font-size: var(--sa-nav-font-size);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-public-actions--account.header-public-actions--user #public-header-logout {
    max-width: none;
    overflow: visible;
  }

  /* PATCH 5: ONE authoritative greeting pill rule for Liquid Light — no competing width/overflow rules */
  html[data-sa-theme="liquid-light"] body.page-landing .header-public-actions--account.header-public-actions--user #public-header-greeting {
    max-width: none !important;
    min-width: max-content !important;
    width: auto !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-public-actions--account.header-public-actions--user #public-header-greeting #public-header-name {
    display: inline !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-public-actions--account.header-public-actions--user #public-header-greeting #public-header-name::before,
  html[data-sa-theme="liquid-light"] body.page-landing .header-public-actions--account.header-public-actions--user #public-header-greeting #public-header-name::after {
    content: none !important;
    display: none !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-public-actions--account.header-public-actions--user #public-header-greeting {
    color: #075c2a;
    background:
      radial-gradient(ellipse 90% 70% at 12% 0%, rgba(255, 255, 255, 0.78), transparent 68%),
      linear-gradient(180deg, #ddffd8 0%, #a9ff9f 100%);
    border: 1px solid rgba(35, 190, 85, 0.52);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 4px 14px rgba(35, 190, 85, 0.16),
      var(--ll-nav-pill-shadow);
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-landing--public-user .header-landing-navband #public-header-logout {
    color: #9f0018;
    background:
      radial-gradient(ellipse 90% 70% at 12% 0%, rgba(255, 255, 255, 0.72), transparent 68%),
      linear-gradient(180deg, #ffe5e8 0%, #ffbac3 100%);
    border: 1px solid rgba(215, 0, 21, 0.48);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.82),
      0 4px 14px rgba(215, 0, 21, 0.14),
      var(--ll-nav-pill-shadow);
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-landing--public-user .header-landing-navband #public-header-logout:hover {
    color: #b00020;
    background:
      radial-gradient(ellipse 90% 70% at 12% 0%, rgba(255, 255, 255, 0.78), transparent 68%),
      linear-gradient(180deg, #ffd4d9 0%, #ff9aa8 100%);
    border-color: rgba(215, 0, 21, 0.58);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.88),
      0 6px 16px rgba(215, 0, 21, 0.18),
      var(--ll-nav-pill-shadow-hover);
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-landing--public-user .header-landing-navband #public-header-logout:focus-visible {
    outline: 2px solid rgba(215, 0, 21, 0.45);
    outline-offset: 2px;
  }
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-course,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-logout,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-greeting {
  height: var(--sa-nav-height, 41px);
  min-height: var(--sa-nav-height, 41px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 14px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-course:hover,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login:hover,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register:hover,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-logout:hover {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  transform: translateY(-1px);
  box-shadow: var(--ll-nav-pill-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-course:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-logout:focus-visible {
  outline: 2px solid rgba(8, 126, 164, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-course {
  overflow: hidden;
  border-radius: 14px;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-course__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex: 0 0 auto;
  min-width: max-content;
  max-width: 100%;
  gap: 0.08em 0.12em;
  white-space: nowrap;
  overflow: visible;
  color: #26303f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-course__sep {
  color: #8e9199;
  text-shadow: none;
  padding: 0 0.08em;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-course__accent--student {
  color: #0071e3;
  font-weight: 750;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-course__accent--org {
  color: #d70015;
  font-weight: 750;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-login,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-register,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register {
  padding: 0 var(--sa-nav-pad-x, 13px);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login:not([aria-current="page"]) {
  background:
    radial-gradient(ellipse 90% 70% at 12% 0%, rgba(186, 230, 253, 0.5), transparent 68%),
    var(--ll-nav-pill-bg);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register:not([aria-current="page"]) {
  background:
    radial-gradient(ellipse 90% 70% at 12% 0%, rgba(167, 243, 208, 0.42), transparent 68%),
    var(--ll-nav-pill-bg);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login:not([aria-current="page"]):hover,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register:not([aria-current="page"]):hover {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-greeting {
  color: inherit;
  background: inherit;
  border-color: inherit;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-greeting #public-header-name {
  color: inherit;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  display: inline;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .header-public-actions--account .btn-public-login[aria-current="page"],
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .header-public-actions--account .btn-public-register[aria-current="page"],
html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .header-public-actions--account .btn-public-course[aria-current="page"],
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .header-public-actions--account .btn-public-course[aria-current="page"] {
  color: #ffffff;
  font-weight: 650;
  background: var(--ll-active-grad);
  border-color: var(--ll-active-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .header-public-actions--account .btn-public-login[aria-current="page"]:hover,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .header-public-actions--account .btn-public-register[aria-current="page"]:hover,
html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .header-public-actions--account .btn-public-course[aria-current="page"]:hover,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .header-public-actions--account .btn-public-course[aria-current="page"]:hover {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    var(--ll-active-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-panel-public, .page-app-login) .header-public-actions--account .btn-public-course[aria-current="page"] .btn-public-course__text,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-panel-public, .page-app-login) .header-public-actions--account .btn-public-course[aria-current="page"] .btn-public-course__sep,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-panel-public, .page-app-login) .header-public-actions--account .btn-public-course[aria-current="page"] .btn-public-course__accent--student,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-panel-public, .page-app-login) .header-public-actions--account .btn-public-course[aria-current="page"] .btn-public-course__accent--org {
  color: #ffffff;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register) .public-auth-shell {
  padding: 8px 0 28px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-auth-shell {
  padding: 6px 0 20px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-card {
  padding: 18px 20px 16px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-field {
  margin-bottom: 8px;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register) .public-auth-card,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-card,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-card {
  padding: 20px 22px 18px;
  border-radius: 18px;
  border: 1px solid rgba(120, 150, 180, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(246, 249, 252, 0.88) 100%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 28px rgba(15, 23, 42, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-card__hero,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-card__hero {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-card h1,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-card h1 {
  margin: 0 0 4px;
  font-size: 1.28rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-auth-sub,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-sub {
  font-size: 0.86rem;
  line-height: 1.4;
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register) .public-google-btn {
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: #1d1d1f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register) .public-google-btn:hover:not(:disabled),
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register) .public-google-btn:focus-visible {
  border-color: rgba(0, 113, 227, 0.35);
  background: #ffffff;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register) .public-auth-divider {
  margin: 10px 0 8px;
  color: #8e9199;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register) .public-auth-divider::before,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register) .public-auth-divider::after {
  background: rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-field,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-field {
  margin-bottom: 10px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-field .field-label,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-field .field-label {
  margin-bottom: 5px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-input,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-input {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 11px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.94);
  color: #1d1d1f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-input::placeholder,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-input::placeholder {
  color: #8e9199;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-input:focus,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-input:focus {
  border-color: rgba(0, 113, 227, 0.55);
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.14);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-forgot-wrap {
  margin: 0 0 8px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-forgot-btn {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-forgot-btn:hover {
  color: #0064d1;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-actions,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-actions {
  margin-top: 6px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-submit,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-submit {
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid var(--ll-active-border);
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: #ffffff;
  background: var(--ll-active-grad);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-submit:hover:not(:disabled),
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-submit:hover:not(:disabled),
html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-submit:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-submit:focus-visible {
  color: #ffffff;
  filter: none;
  transform: none;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    var(--ll-active-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-msg,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-msg {
  margin-top: 8px;
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-msg[data-state="error"] {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-msg[data-state="success"] {
  color: #067647;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-links,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-links {
  margin-top: 10px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-link,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-links a {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-link--muted,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-links--muted a {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-panel-note,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-register .public-register-note {
  margin-top: 12px;
  padding-top: 10px;
  border-top-color: rgba(15, 23, 42, 0.08);
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login .public-login-link--panel {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal.web-password-reset-overlay {
  background: rgba(244, 246, 248, 0.72);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal .web-password-reset-card {
  border: 1px solid rgba(120, 150, 180, 0.28);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 252, 0.94));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 18px 40px rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal .web-password-reset-title {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal .web-password-reset-help,
html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal .web-password-reset-field label {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal #web-password-reset-email {
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #ffffff;
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal #web-password-reset-email:focus {
  border-color: rgba(0, 113, 227, 0.55);
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.14);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal #web-password-reset-submit {
  color: #ffffff;
  background: var(--ll-active-grad);
  border: 1px solid var(--ll-active-border);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-public-login #web-password-reset-modal #web-password-reset-cancel {
  color: #1d1d1f;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(15, 23, 42, 0.12);
}

/* —— Pre-auth /app/login.html sheet —— */
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-main {
  padding: 8px 0 24px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-card {
  padding: 18px 20px 16px;
  border-radius: 18px;
  border: 1px solid rgba(120, 150, 180, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(246, 249, 252, 0.88) 100%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 28px rgba(15, 23, 42, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-card__hero {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-card h1 {
  margin: 0 0 4px;
  font-size: 1.28rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-card .login-sub {
  font-size: 0.86rem;
  line-height: 1.4;
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-step {
  margin-bottom: 10px;
  padding: 10px 12px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(15, 23, 42, 0.07);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-step--submit {
  margin-bottom: 0;
  background: transparent;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .auth-step-label {
  margin-bottom: 8px;
  letter-spacing: 0.06em;
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .field-label {
  margin-bottom: 5px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .field-label-spaced {
  margin-top: 10px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-field,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__trigger {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 11px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.94);
  color: #1d1d1f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-field::placeholder {
  color: #8e9199;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-field:focus,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__trigger:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__trigger:hover:not(:disabled) {
  outline: none;
  border-color: rgba(0, 113, 227, 0.55);
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.14);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-field:disabled,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__trigger:disabled {
  background: rgba(248, 250, 252, 0.9);
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__trigger-label {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__trigger-chevron {
  border-right-color: #0071e3;
  border-bottom-color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-load-status {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-load-status-error {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__popover,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select-sheet {
  border: 1px solid rgba(120, 150, 180, 0.28);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 252, 0.96));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 16px 36px rgba(15, 23, 42, 0.1);
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select-search,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select-search--sheet {
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select-search:focus-within,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select-search--sheet:focus-within {
  border-color: rgba(0, 113, 227, 0.55);
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.14);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select-search__icon,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select-search__input {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select-sheet__title,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__option,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__option-name {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__option:hover,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__option.is-active,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__option:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .tenant-select__option.is-selected {
  background: rgba(0, 113, 227, 0.08);
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-submit {
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 12px;
  border: 1px solid var(--ll-active-border);
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: #ffffff;
  background: var(--ll-active-grad);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    var(--ll-active-shadow);
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-submit:hover:not(:disabled),
html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-submit:focus-visible {
  color: #ffffff;
  filter: none;
  transform: none;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    var(--ll-active-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-msg {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .auth-msg-error {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .auth-msg-success {
  color: #067647;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-backlinks {
  margin-top: 12px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-app-login .app-login-backlink {
  color: #475569;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: none;
}

/* —— İletişim + Kurumsal Başvuru body (header already PASS) —— */
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-main {
  padding: 1.1rem 0 2.4rem;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-hero-row {
  margin: 0 0 0.7rem;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-title {
  margin: 0 0 0.7rem;
  font-size: clamp(1.55rem, 2.6vw, 1.9rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.15;
  color: #1d1d1f;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-lead {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: #475569;
  border: 1px solid rgba(120, 150, 180, 0.26);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(246, 249, 252, 0.86) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 8px 22px rgba(15, 23, 42, 0.05);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-contact .contact-channels {
  gap: 0.65rem;
  margin: 0 0 1rem;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-contact .contact-channel {
  padding: 0.8rem 0.9rem;
  border-radius: 14px;
  border: 1px solid rgba(120, 150, 180, 0.26);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(246, 249, 252, 0.86) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 6px 18px rgba(15, 23, 42, 0.045);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-contact .contact-channel__label {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-contact .contact-channel__value {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-contact .contact-channel a,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-notice a,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-aside-note a {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-form-card {
  padding: 1.05rem 1.05rem 1.15rem;
  border-radius: 16px;
  border: 1px solid rgba(120, 150, 180, 0.26);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.93) 0%, rgba(246, 249, 252, 0.88) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 26px rgba(15, 23, 42, 0.055);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-form-heading {
  margin: 0 0 0.85rem;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-form-grid {
  gap: 0.7rem 0.85rem;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field label,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .contact-field .contact-field-label {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field .req {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field input,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field select,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field textarea {
  min-height: 44px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.96);
  color: #1d1d1f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field input::placeholder,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field textarea::placeholder {
  color: #8e9199;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field input:focus,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field select:focus,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-field textarea:focus {
  outline: none;
  border-color: rgba(0, 113, 227, 0.55);
  box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.14);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-notice {
  margin: 0.85rem 0 0.75rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid rgba(120, 150, 180, 0.24);
  background: rgba(255, 255, 255, 0.72);
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-submit,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-complete__cta {
  min-height: 44px;
  color: #ffffff;
  border: 1px solid var(--ll-active-border);
  background: var(--ll-active-grad);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-submit:hover:not(:disabled),
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-submit:focus-visible {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-form-status {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-form-status[data-state='ok'] {
  color: #067647;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-form-status[data-state='error'] {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-form-status[data-state='pending'] {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-contact, .page-institution-application) .contact-aside-note {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-upload {
  border: 1px solid rgba(120, 150, 180, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 249, 252, 0.88) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-upload__hint,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-upload__file-name,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-note {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-upload__icon {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-upload__pick {
  color: #ffffff;
  border: 1px solid var(--ll-active-border);
  background: var(--ll-active-grad);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-upload__pick:hover,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-upload__pick:focus-visible {
  filter: none;
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .inst-logo-upload__preview-wrap {
  border-color: rgba(15, 23, 42, 0.1);
  background: #ffffff;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-complete__copy,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-complete__status {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-complete__price {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-pay-view,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-pay-view__header {
  background: #f5f6f8;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-pay-view__title,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-pay-view__price {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-pay-view__copy,
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application .sa-inst-pay-view__back {
  color: #475569;
}

/* Public /panel/ entry — light glass role cards under the global header only. */
html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-main {
  padding: 12px 0 32px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-intro-card {
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid rgba(120, 150, 180, 0.24);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(246, 249, 252, 0.86));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 8px 22px rgba(15, 23, 42, 0.045);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-intro,
html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-institution-note {
  color: #475569;
  white-space: normal;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-institution-note {
  margin: 8px 0 0;
  font-size: 0.84rem;
  line-height: 1.45;
  text-align: center;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-institution-note a {
  color: #0071e3;
  font-weight: 650;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-actions {
  gap: 14px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card {
  padding: 18px 18px 16px;
  border-radius: 18px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card::before,
html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card::after {
  display: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 12px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card-title {
  font-size: 1.05rem;
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card-desc {
  font-size: 0.86rem;
  line-height: 1.45;
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card--student,
html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card--admin {
  border: 1px solid rgba(120, 150, 180, 0.26);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 249, 252, 0.88) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 26px rgba(15, 23, 42, 0.055);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card-icon--student {
  color: #0071e3;
  background: rgba(0, 113, 227, 0.08);
  border: 1px solid rgba(0, 113, 227, 0.16);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card-icon--admin {
  color: #0f5f63;
  background: rgba(13, 148, 136, 0.1);
  border: 1px solid rgba(13, 148, 136, 0.18);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card--student .btn-panel-action,
html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card--admin .btn-panel-admin {
  min-height: 42px;
  min-width: 0;
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card--student .btn-panel-action {
  color: #ffffff;
  background: var(--ll-active-grad);
  border: 1px solid var(--ll-active-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-panel-public .panel-entry-card--admin .btn-panel-admin {
  color: #0f5f63;
  background: linear-gradient(180deg, rgba(232, 253, 251, 0.96), #d7f6f4);
  border: 1px solid rgba(13, 148, 136, 0.3);
}

/* —— Akademiye Katılım: lives inside .header-landing-navband (moved there in index.html)
   as a normal flex item alongside the nav links + account actions — one single dock,
   no second row. syncHomeAcademyJoinCtaAnchor() is skipped entirely for Liquid Light
   (see index.html), so no inline position/minHeight is ever applied here. Mobile keeps
   the pre-existing full-width stacked placement beneath the account actions. —— */
html[data-sa-theme="liquid-light"] body.page-landing:not(.academy-join-ctas-visible) .home-top-cta-band {
  display: none !important;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

@media (min-width: 768px), (pointer: fine) {
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .header-landing-navband .home-top-cta-band {
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    min-width: max-content;
    width: auto !important;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
  }
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .home-top-cta-band .modules-top-cta,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .home-top-cta-band .modules-top-cta.sa-academy-join-cta {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  padding: 8px 14px;
  min-height: 44px;
  border-radius: 14px;
}

@media (min-width: 768px), (pointer: fine) {
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .header-landing-navband .home-top-cta-band .modules-top-cta.sa-academy-join-cta {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: max-content !important;
    max-width: none;
    min-width: max-content;
    height: auto;
    min-height: var(--sa-academy-height);
    padding: var(--sa-academy-pad-y) var(--sa-academy-pad-x);
    overflow: visible;
    position: static !important;
    left: auto !important;
  }
}

html[data-sa-theme="liquid-light"] .sa-academy-join-cta,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .home-top-cta-band .modules-top-cta.sa-academy-join-cta,
html[data-sa-theme="liquid-light"] body.page-contact .contact-institution-cta.sa-academy-join-cta {
  color: #0f5f63;
  background: linear-gradient(180deg, rgba(232, 253, 251, 0.96), #d7f6f4);
  border: 1px solid rgba(13, 148, 136, 0.3);
  border-radius: 15px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 6px 18px rgba(13, 148, 136, 0.1);
  font-weight: 650;
  letter-spacing: -0.012em;
  text-decoration: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] .sa-academy-join-cta:hover,
html[data-sa-theme="liquid-light"] .sa-academy-join-cta:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .home-top-cta-band .modules-top-cta.sa-academy-join-cta:hover,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .home-top-cta-band .modules-top-cta.sa-academy-join-cta:focus-visible,
html[data-sa-theme="liquid-light"] body.page-contact .contact-institution-cta.sa-academy-join-cta:hover,
html[data-sa-theme="liquid-light"] body.page-contact .contact-institution-cta.sa-academy-join-cta:focus-visible {
  color: #0f5f63;
  filter: none;
  background: linear-gradient(180deg, #e8fdfb, #cef3f0);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 8px 20px rgba(13, 148, 136, 0.14);
  transform: translateY(-1px);
}

html[data-sa-theme="liquid-light"] .sa-academy-join-cta:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .home-top-cta-band .modules-top-cta.sa-academy-join-cta:focus-visible,
html[data-sa-theme="liquid-light"] body.page-contact .contact-institution-cta.sa-academy-join-cta:focus-visible {
  outline: 2px solid rgba(13, 148, 136, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] .sa-academy-join-cta .sa-join-label-dark {
  display: none !important;
}

html[data-sa-theme="liquid-light"] .sa-academy-join-cta .sa-join-label-liquid {
  display: block !important;
  color: #0f5f63;
  font-size: 0.88rem;
  font-weight: 650;
  letter-spacing: -0.012em;
  line-height: 1.25;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
}

/* Homepage-only: metallic navy-glass (İletişim page keeps the mint CTA above) */
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta {
  position: relative;
  isolation: isolate;
  border-radius: 14px;
  color: #f4f8fc;
  background:
    linear-gradient(180deg, rgba(186, 224, 255, 0.18) 0%, rgba(186, 224, 255, 0.04) 16%, transparent 38%),
    radial-gradient(ellipse 92% 64% at 12% -8%, rgba(72, 176, 228, 0.34), transparent 54%),
    radial-gradient(ellipse 78% 70% at 96% 118%, rgba(8, 72, 128, 0.55), transparent 58%),
    linear-gradient(165deg, #1a4a72 0%, #123a5c 22%, #0b2744 52%, #07182c 78%, #05101c 100%);
  border: 1px solid rgba(164, 214, 242, 0.46);
  box-shadow:
    inset 0 1px 0 rgba(232, 246, 255, 0.42),
    inset 0 -1px 0 rgba(4, 14, 28, 0.42),
    inset 0 0 0 1px rgba(90, 168, 214, 0.14),
    0 0 0 1px rgba(176, 220, 248, 0.1),
    0 8px 22px rgba(8, 22, 44, 0.28);
  font-weight: 600;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta::before,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta::before {
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 22%, transparent 48%),
    radial-gradient(ellipse 70% 36% at 50% 0%, rgba(190, 230, 255, 0.22), transparent 70%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 0 18px rgba(90, 176, 228, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta::after {
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    112deg,
    transparent 0%,
    transparent 42%,
    rgba(220, 240, 255, 0.2) 49%,
    rgba(160, 214, 255, 0.1) 52%,
    transparent 60%,
    transparent 100%
  );
  background-size: 240% 100%;
  background-position: 130% 0;
  animation: sa-ll-cta-sheen 8.5s ease-in-out infinite;
}

@keyframes sa-ll-cta-sheen {
  0%, 18% { background-position: 130% 0; }
  58%, 100% { background-position: -30% 0; }
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta:hover,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta:focus-visible {
  color: #ffffff;
  filter: none;
  background:
    linear-gradient(180deg, rgba(198, 230, 255, 0.24) 0%, rgba(198, 230, 255, 0.06) 18%, transparent 40%),
    radial-gradient(ellipse 92% 64% at 12% -8%, rgba(88, 188, 236, 0.4), transparent 54%),
    radial-gradient(ellipse 78% 70% at 96% 118%, rgba(10, 82, 142, 0.52), transparent 58%),
    linear-gradient(165deg, #1e5480 0%, #15466c 22%, #0d3050 52%, #091e36 78%, #061422 100%);
  border-color: rgba(186, 226, 248, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(240, 250, 255, 0.5),
    inset 0 -1px 0 rgba(4, 14, 28, 0.36),
    inset 0 0 0 1px rgba(110, 186, 228, 0.2),
    0 0 0 1px rgba(186, 226, 248, 0.14),
    0 10px 24px rgba(8, 22, 44, 0.32);
  transform: translateY(-1px);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta:focus-visible {
  outline: 2px solid rgba(148, 210, 242, 0.7);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .sa-join-label-liquid {
  position: relative;
  z-index: 2;
  color: inherit;
  font-size: var(--sa-academy-font-size, 0.78rem);
  font-weight: 620;
  letter-spacing: -0.004em;
  line-height: 1.22;
  white-space: nowrap;
  text-shadow: 0 1px 1px rgba(2, 10, 22, 0.45);
}

/* Homepage official MEB exam-results mini CTA — lighter ice-glass, right of academy CTA. */
html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  box-sizing: border-box;
  min-height: 44px;
  padding: 6px 10px 6px 8px;
  border-radius: 14px;
  text-decoration: none;
  color: #0b2744;
  background:
    radial-gradient(ellipse 90% 70% at 8% 0%, rgba(186, 242, 255, 0.62), transparent 68%),
    radial-gradient(ellipse 80% 70% at 100% 110%, rgba(186, 245, 220, 0.38), transparent 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(214, 246, 242, 0.95) 100%);
  border: 1px solid rgba(38, 148, 164, 0.4);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 0 0 1px rgba(232, 253, 248, 0.6),
    0 6px 16px rgba(8, 88, 108, 0.12);
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta:hover,
html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta:focus-visible {
  color: #07182c;
  text-decoration: none;
  background:
    radial-gradient(ellipse 90% 70% at 8% 0%, rgba(170, 236, 255, 0.7), transparent 72%),
    radial-gradient(ellipse 80% 70% at 100% 110%, rgba(174, 242, 214, 0.5), transparent 68%),
    linear-gradient(180deg, #ffffff 0%, #cef3ec 100%);
  border-color: rgba(14, 132, 156, 0.48);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 0 0 1px rgba(232, 253, 248, 0.72),
    0 8px 18px rgba(8, 88, 108, 0.14);
  transform: translateY(-1px);
}

html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta:focus-visible {
  outline: 2px solid rgba(8, 126, 164, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta__icon {
  display: inline-flex;
  flex: 0 0 auto;
  color: #0e7490;
}

html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  min-width: 0;
}

html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta__title {
  display: block;
  width: 100%;
  min-width: 0;
  font-size: 0.68rem;
  font-weight: 720;
  letter-spacing: -0.018em;
  line-height: 1.2;
  color: #0b2744;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta__sub {
  display: block;
  width: 100%;
  min-width: 0;
  font-size: 0.5rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: #3d6f88;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta__ext {
  display: inline-flex;
  flex: 0 0 auto;
  color: #0e7490;
  opacity: 0.78;
}

@media (min-width: 768px), (pointer: fine) {
  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .sa-exam-results-cta {
    box-sizing: border-box;
    flex: 0 1 auto;
    align-self: center;
    width: var(--sa-exam-results-width);
    min-width: 0;
    max-width: var(--sa-exam-results-width);
    height: var(--sa-nav-height);
    min-height: var(--sa-nav-height);
    padding: calc(4px * var(--sa-ll-progress, 1)) calc(8px * var(--sa-ll-progress, 1)) calc(4px * var(--sa-ll-progress, 1)) calc(7px * var(--sa-ll-progress, 1));
    gap: calc(6px * var(--sa-ll-progress, 1));
    overflow: hidden;
    grid-column: auto !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .sa-exam-results-cta__title {
    font-size: var(--sa-exam-title-size, 0.64rem);
    white-space: nowrap;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: clip;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .sa-exam-results-cta__sub {
    display: block;
    font-size: var(--sa-exam-sub-size, 0.5rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .sa-exam-results-cta__icon svg {
    width: var(--sa-exam-icon-size, 15px);
    height: var(--sa-exam-icon-size, 15px);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-navband {
    flex-wrap: nowrap;
  }
}

/* Kurumsal Başvuru: current-page CTA keeps metallic navy, with a brighter rim. */
html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application.academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta[aria-current="page"] {
  border-color: rgba(196, 232, 255, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(240, 250, 255, 0.58),
    inset 0 -1px 0 rgba(4, 14, 28, 0.36),
    inset 0 0 0 1px rgba(130, 198, 236, 0.28),
    0 0 0 1px rgba(186, 226, 248, 0.22),
    0 10px 26px rgba(8, 36, 72, 0.38);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-institution-application.academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta[aria-current="page"]::after {
  background: linear-gradient(
    112deg,
    transparent 0%,
    transparent 38%,
    rgba(230, 246, 255, 0.28) 48%,
    rgba(176, 222, 255, 0.16) 52%,
    transparent 62%,
    transparent 100%
  );
}

html[data-sa-theme="liquid-light"] body.page-contact .contact-institution-cta.sa-academy-join-cta {
  flex: 0 1 auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 10px 20px;
  min-height: 42px;
  max-width: min(46rem, 100%);
}

/* —— Compact hero —— */
html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules.section-compact {
  padding-top: 6px;
  padding-bottom: var(--sa-home-section-pad-y, 22px);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy {
  margin: 4px auto 14px;
  max-width: min(1040px, 100%);
  padding: 0;
  text-align: center;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy h1 {
  margin: 0 0 4px;
  color: #1d1d1f;
  font-size: var(--sa-hero-title-size, 1.72rem);
  font-weight: 700;
  letter-spacing: -0.022em;
  line-height: 1.18;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy .hero-slogan {
  margin: 0 0 6px;
  color: #087ea4;
  font-size: var(--sa-hero-slogan-size, 1.04rem);
  font-weight: 620;
  letter-spacing: -0.015em;
  line-height: 1.28;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy .hero-tagline {
  margin: 0 auto;
  max-width: none;
  width: 100%;
  color: #6e6e73;
  font-size: var(--sa-hero-desc-size, 0.96rem);
  font-weight: 400;
  line-height: 1.45;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules__public-intro {
  margin: 0 auto 14px;
  max-width: min(1040px, 100%);
  color: #6e6e73;
  font-size: var(--sa-hero-desc-size, 0.96rem);
  font-weight: 400;
  line-height: 1.45;
}

@media (min-width: 768px), (pointer: fine) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy h1,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy .hero-slogan,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy .hero-tagline,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home.page-landing--public-user .section-modules__public-intro {
    white-space: nowrap;
  }
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .content-module-grid {
  margin-top: 0;
  gap: var(--sa-home-grid-gap, 24px);
}

/* —— Pale pastel product cards —— */
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card {
  gap: 12px;
  padding: var(--sa-home-card-pad, 14px);
  border-radius: var(--sa-home-card-radius, 26px);
  border: 1px solid rgba(15, 23, 42, 0.065);
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, var(--ll-card-wash, rgba(255, 255, 255, 0.4)), transparent 72%),
    var(--ll-card-surface, #f8fafc);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    var(--ll-shadow);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background-color 0.28s ease;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow-hover);
  border-color: rgba(15, 23, 42, 0.08);
  filter: brightness(1.012);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .module-card-body {
  padding: 2px 6px 2px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card p,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .module-card-body p {
  color: #596273;
  line-height: 1.58;
  font-size: var(--sa-home-card-font, 0.9rem);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="exams"] {
  --card-accent: #7dd3fc;
  --card-glow: rgba(125, 211, 252, 0.08);
  --ll-card-surface: #f5faff;
  --ll-card-wash: rgba(186, 230, 253, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="lessons"] {
  --card-accent: #6ee7b7;
  --card-glow: rgba(110, 231, 183, 0.08);
  --ll-card-surface: #f5fcfa;
  --ll-card-wash: rgba(167, 243, 208, 0.26);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="videos"] {
  --card-accent: #e8c99b;
  --card-glow: rgba(232, 201, 155, 0.1);
  --ll-card-surface: #fff8ee;
  --ll-card-wash: rgba(253, 230, 186, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="practical"] {
  --card-accent: #fdba74;
  --card-glow: rgba(253, 186, 116, 0.08);
  --ll-card-surface: #fff8f5;
  --ll-card-wash: rgba(254, 215, 170, 0.24);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="duel"] {
  --card-accent: #e9d5ff;
  --card-glow: rgba(233, 213, 255, 0.1);
  --ll-card-surface: #fcf5fa;
  --ll-card-wash: rgba(245, 208, 230, 0.26);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="forum"] {
  --card-accent: #c4b5fd;
  --card-glow: rgba(196, 181, 253, 0.08);
  --ll-card-surface: #f7f6ff;
  --ll-card-wash: rgba(221, 214, 254, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="leagues"] {
  --card-accent: #f2d089;
  --card-glow: rgba(242, 208, 137, 0.1);
  --ll-card-surface: #fff9ed;
  --ll-card-wash: rgba(253, 230, 138, 0.22);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="profile"] {
  --card-accent: #7dd3fc;
  --card-glow: rgba(125, 211, 252, 0.08);
  --ll-card-surface: #f3f8fd;
  --ll-card-wash: rgba(186, 230, 253, 0.24);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home #modul-machine.content-module-card[data-module-key="machine"] {
  --card-accent: #f0c48a;
  --card-glow: rgba(240, 196, 138, 0.1);
  --ll-card-surface: #fff7f0;
  --ll-card-wash: rgba(253, 215, 170, 0.26);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="exams"] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="exams"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/exams.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="lessons"] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="lessons"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/books.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="videos"] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="videos"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/videos.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="practical"] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="practical"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/practical.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="duel"] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="duel"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/duel.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="forum"] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="forum"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/forum.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="leagues"] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="leagues"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/leagues.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="profile"] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="profile"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/profile.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home #modul-machine.content-module-card[data-module-key="machine"] .module-card-visual {
  --module-cover-image: url("../module-covers/liquid-light/machine.png");
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key] .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key] .module-card-visual {
  gap: 10px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key] .module-card-visual::after,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key] .module-card-visual::after {
  order: 1;
  aspect-ratio: 16 / 9;
  width: 100%;
  min-height: 0;
  border-radius: 20px;
  background-color: #eef2f6;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key]:hover .module-card-visual::after,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key]:hover .module-card-visual::after {
  transform: scale(1.008);
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
  border-color: rgba(15, 23, 42, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key] .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card h3 .module-card-title,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .module-card-title {
  order: 2;
  min-height: 0;
  margin: 2px 4px 0;
  padding: 0;
  color: #1d1d1f;
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.3;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key]:hover .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card:hover .module-card-visual-title {
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key] .module-card-emoji,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .module-card-emoji {
  display: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-status {
  color: #3f4b5b;
  border: 1px solid rgba(15, 23, 42, 0.07);
  background: rgba(241, 245, 244, 0.92);
  border-radius: 999px;
  letter-spacing: 0.04em;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-status--accent {
  color: #7c5a1e;
  border-color: rgba(196, 165, 116, 0.28);
  background: rgba(255, 248, 230, 0.94);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key="duel"] .content-module-status {
  color: #4c3d66;
  border-color: rgba(167, 139, 250, 0.22);
  background: rgba(245, 240, 255, 0.94);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home #akademiye-katilim.home-institution-cta {
  margin-top: 24px;
  padding: 20px 20px 22px;
  border-radius: 24px;
  border: 1px solid rgba(8, 126, 164, 0.12);
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%, rgba(224, 247, 255, 0.7), transparent 70%),
    rgba(255, 255, 255, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    var(--ll-shadow);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home #akademiye-katilim .home-institution-cta__title {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home #akademiye-katilim .home-institution-cta__text {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home #akademiye-katilim .home-institution-cta__note {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home #akademiye-katilim .home-institution-cta__action {
  color: #155e75;
  background: rgba(224, 247, 255, 0.82);
  border-color: rgba(8, 126, 164, 0.16);
  border-radius: 13px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.045);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home #akademiye-katilim .home-institution-cta__action:hover,
html[data-sa-theme="liquid-light"] body.page-landing.page-home #akademiye-katilim .home-institution-cta__action:focus-visible {
  color: #155e75;
  filter: none;
  background: rgba(207, 242, 253, 0.94);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .site-footer {
  border-top: 1px solid rgba(15, 23, 42, 0.07);
  background: transparent;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .footer-brand {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .footer-copy,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .footer-secondary,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .footer-secondary a,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .footer-links a {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-gate__backdrop {
  background: rgba(248, 250, 252, 0.66);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-gate__dialog {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(15, 23, 42, 0.08);
  color: #1d1d1f;
  box-shadow: var(--ll-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-gate__title,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-gate__body,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .public-gate__later {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-panel {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: var(--ll-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-panel__item {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-panel__item[aria-current="page"] {
  color: #ffffff;
  background: var(--ll-active-grad);
  font-weight: 650;
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-button__face {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-button__line--top,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-button__line--middle,
html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-button__line--bottom {
  stroke: #1d1d1f;
  filter: none;
}

@media (max-width: 767px) and (pointer: coarse) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home {
    --page-pad: 18px;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules__public-intro {
    margin-bottom: 12px;
    max-width: 100%;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy h1,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy .hero-slogan,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy .hero-tagline,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules__public-intro {
    white-space: normal;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .home-modules-hero-copy h1 {
    font-size: clamp(1.22rem, 5.2vw, 1.52rem);
    line-height: 1.2;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-course,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-logout,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-greeting {
    min-height: 44px;
    height: auto;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-navband {
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    border-radius: 18px;
    background: linear-gradient(182deg, rgba(255, 255, 255, 0.96) 0%, rgba(252, 253, 255, 0.88) 100%);
    border: 1px solid rgba(15, 23, 42, 0.11);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      inset 0 0 0 1px rgba(255, 255, 255, 0.4),
      0 1px 2px rgba(15, 23, 42, 0.04),
      0 14px 34px rgba(15, 23, 42, 0.1);
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta {
    max-width: min(380px, 100%);
    margin: 10px auto 0;
    padding: 10px 16px;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .sa-exam-results-cta {
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    height: auto;
    margin: 4px 0 0;
    padding: 9px 12px;
    box-sizing: border-box;
    display: flex;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta__title {
    white-space: normal;
    font-size: 0.86rem;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .sa-exam-results-cta__sub {
    display: block;
    font-size: 0.68rem;
    white-space: normal;
  }

  html[data-sa-theme="liquid-light"] .sa-academy-join-cta .sa-join-label-liquid,
  html[data-sa-theme="liquid-light"] body.page-contact .contact-institution-cta.sa-academy-join-cta .sa-join-label-liquid {
    white-space: normal;
  }

  html[data-sa-theme="liquid-light"] body.page-contact .contact-institution-cta.sa-academy-join-cta {
    width: 100%;
    max-width: 100%;
    padding: 11px 14px;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .btn-public-course__text {
    flex-wrap: wrap;
    white-space: normal;
    justify-content: center;
  }
}

@media (max-width: 767px) and (pointer: coarse) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home {
    --page-pad: 16px;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-grid,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .content-module-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card {
    padding: 12px 12px 14px;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-home::before,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home::after,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc)::before,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc)::after {
    animation: none;
    inset: -10% -8%;
  }
}

@media (max-width: 400px) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home {
    --page-pad: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home::before,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home::after,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc)::before,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-public-login, .page-public-register, .page-app-login, .page-institution-application, .page-contact, .page-legal-doc)::after,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular::before,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular::after,
  html[data-sa-theme="liquid-light"] body.page-app::before,
  html[data-sa-theme="liquid-light"] body.page-app::after,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card,
  html[data-sa-theme="liquid-light"] body.page-app .content-module-card,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .home-top-cta-band .modules-top-cta.sa-academy-join-cta::after {
    animation: none;
    transition: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card:hover,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card[data-module-key]:hover .module-card-visual::after,
  html[data-sa-theme="liquid-light"] body.page-app .content-module-card:hover,
  html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key]:hover .module-card-visual::after {
    transform: none;
  }
}

/* —— Public legal documents (body.page-legal-doc): pearl document surface.
   Header/footer chrome and the academy CTA come from the shared selector
   lists above. Legal copy, links and structure are untouched — visual only.
   .page-legal pages without .page-legal-doc keep the legacy dark styling. —— */
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc {
  color: var(--ll-ink);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-main {
  padding: 1.5rem 16px 3rem;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-shell {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 28px 32px 30px;
  box-sizing: border-box;
  border-radius: 22px;
  border: 1px solid rgba(120, 150, 180, 0.22);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(252, 253, 255, 0.88) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(255, 255, 255, 0.42),
    0 14px 38px rgba(15, 23, 42, 0.07);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-title {
  margin: 0 0 0.4rem;
  font-size: clamp(1.5rem, 2.6vw, 1.95rem);
  font-weight: 700;
  letter-spacing: -0.022em;
  line-height: 1.18;
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-meta {
  margin: 0 0 1.3rem;
  font-size: 0.84rem;
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-lead,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-controller {
  margin: 0 0 1.3rem;
  padding: 0.95rem 1.05rem;
  border-radius: 14px;
  border: 1px solid rgba(120, 158, 148, 0.26);
  background:
    radial-gradient(ellipse 92% 70% at 6% 0%, rgba(209, 245, 230, 0.34), transparent 72%),
    linear-gradient(178deg, #fbfefd 0%, #f3faf8 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-lead,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-controller p {
  font-size: 0.95rem;
  line-height: 1.62;
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-controller p strong {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section {
  margin: 0 0 1.5rem;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section h2 {
  margin: 0 0 0.5rem;
  font-size: 1.06rem;
  font-weight: 700;
  letter-spacing: -0.012em;
  line-height: 1.35;
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section h3 {
  margin: 1rem 0 0.35rem;
  font-size: 0.96rem;
  font-weight: 650;
  color: #1f2937;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section p,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section li {
  font-size: 0.94rem;
  line-height: 1.7;
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section strong {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section li::marker {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section ul,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section ol {
  padding-left: 1.35rem;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-section li + li {
  margin-top: 0.34rem;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-shell a {
  color: #0071e3;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: from-font;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-shell a:hover {
  color: #0058b0;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-shell a:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
  border-radius: 4px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc table.legal-table th,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc table.legal-table td {
  border: 1px solid rgba(120, 150, 180, 0.24);
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc table.legal-table th {
  background: linear-gradient(178deg, #f6fcfa 0%, #eaf4f1 100%);
  color: #1d1d1f;
  font-weight: 650;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-note {
  border: 1px solid rgba(120, 150, 180, 0.2);
  background: rgba(248, 251, 253, 0.9);
  color: #5b6472;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-crosslinks {
  border-top: 1px solid rgba(15, 23, 42, 0.09);
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-form-template {
  border: 1px dashed rgba(120, 158, 148, 0.42);
  background: rgba(251, 254, 253, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-form-template p {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-form-template .blank {
  border-bottom-color: rgba(71, 85, 105, 0.4);
}

@media (max-width: 720px) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-main {
    padding: 1.1rem 12px 2.4rem;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .legal-shell {
    padding: 18px 16px 22px;
    border-radius: 18px;
  }
}

/* —— First-party cookie preference panel (assets/css/consent.css owns the
   dark default). Liquid Light only repaints the surface: no change to
   markup, order, labels, categories, storage or consent behaviour.
   Accept / Reddet / Tercihler keep identical size and hit area. —— */
html[data-sa-theme="liquid-light"] .sa-consent-panel {
  color: #1d1d1f;
  font-family: var(--font);
  background:
    radial-gradient(ellipse 90% 60% at 4% 0%, rgba(209, 245, 230, 0.3), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(249, 253, 252, 0.95) 100%);
  border: 1px solid rgba(120, 158, 148, 0.34);
  border-radius: 18px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5),
    0 18px 44px rgba(15, 23, 42, 0.14);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  backdrop-filter: saturate(180%) blur(18px);
}

html[data-sa-theme="liquid-light"] .sa-consent-title {
  color: #1d1d1f;
  font-weight: 700;
  letter-spacing: -0.012em;
}

html[data-sa-theme="liquid-light"] .sa-consent-copy {
  color: #475569;
}

html[data-sa-theme="liquid-light"] .sa-consent-policy a {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] .sa-consent-policy a:hover {
  color: #0058b0;
}

/* Neutral green-ice action — same footprint as the accept action. */
html[data-sa-theme="liquid-light"] .sa-consent-btn {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
  font-weight: 650;
  letter-spacing: -0.008em;
}

html[data-sa-theme="liquid-light"] .sa-consent-btn:hover,
html[data-sa-theme="liquid-light"] .sa-consent-btn:focus-visible {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
}

html[data-sa-theme="liquid-light"] .sa-consent-btn:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] .sa-consent-btn[data-sa-consent="accept"],
html[data-sa-theme="liquid-light"] .sa-consent-btn[data-sa-consent="save"] {
  color: #ffffff;
  background: var(--ll-active-grad);
  border-color: var(--ll-active-border);
  box-shadow: var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] .sa-consent-btn[data-sa-consent="accept"]:hover,
html[data-sa-theme="liquid-light"] .sa-consent-btn[data-sa-consent="accept"]:focus-visible,
html[data-sa-theme="liquid-light"] .sa-consent-btn[data-sa-consent="save"]:hover,
html[data-sa-theme="liquid-light"] .sa-consent-btn[data-sa-consent="save"]:focus-visible {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow: var(--ll-active-shadow-hover);
}

html[data-sa-theme="liquid-light"] .sa-consent-row {
  color: #475569;
  background: rgba(252, 254, 253, 0.92);
  border: 1px solid rgba(120, 150, 180, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] .sa-consent-row strong {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] .sa-consent-row input,
html[data-sa-theme="liquid-light"] .sa-consent-row--locked input {
  accent-color: #0071e3;
}

html[data-sa-theme="liquid-light"] .sa-consent-row input:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] .sa-consent-footer-open {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] .sa-consent-footer-open:hover,
html[data-sa-theme="liquid-light"] .sa-consent-footer-open:focus-visible {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] .sa-consent-footer-open:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
  border-radius: 6px;
}

html[data-sa-theme="liquid-light"] .sa-consent-footer-open--fixed {
  color: #1d1d1f;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(120, 150, 180, 0.26);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.1);
}

/* —— Payment / account surfaces that share the .page-legal-doc document shell:
   /video-premium/, /odeme-basarili/, /odeme-basarisiz/, /hesap-silme/.
   Product copy, prices, IDs, hooks, routes and checkout state are untouched;
   these rules only repaint surfaces that would otherwise stay dark. —— */

/* Direct checkout (#odeme-baslat / #satin-al) must keep its existing dark
   transactional shell. Liquid Light is scoped out entirely in that state. */
html[data-sa-theme="liquid-light"].sa-premium-direct-checkout body.page-landing.page-legal-doc {
  background: #020617;
}

html[data-sa-theme="liquid-light"].sa-premium-direct-checkout body.page-landing.page-legal-doc::before,
html[data-sa-theme="liquid-light"].sa-premium-direct-checkout body.page-landing.page-legal-doc::after {
  content: none;
}

/* PayTR checkout modal keeps its own dark surface. Two things reach inside it
   from the shared light layer and are put back: the inherited body text colour
   (the pay-step paragraph has no colour of its own) and the header pill
   padding. No modal component rule is restyled. */
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc #sa-premium-checkout-modal {
  color: #cbd5e1;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc #sa-premium-checkout-modal .btn-public-login,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc #sa-premium-checkout-modal .btn-public-register {
  padding: 8px 16px;
}

/* Premium purchase action — same button, same id/data hook, Apple-blue skin. */
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-premium-open-cta,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-premium-open-cta--secondary {
  border: 1px solid var(--ll-active-border);
  border-radius: 14px;
  color: #ffffff;
  background: var(--ll-active-grad);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    var(--ll-active-shadow);
  font-weight: 650;
  letter-spacing: -0.012em;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-premium-open-cta:hover,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-premium-open-cta--secondary:hover {
  filter: none;
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    var(--ll-active-shadow-hover);
  transform: translateY(-1px);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-premium-open-cta:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-premium-open-cta--secondary:focus-visible {
  filter: none;
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

/* Payment return actions — primary Apple-blue, secondary green-ice. */
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-pay-return-actions .btn-public-login,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-pay-return-actions .btn-public-register {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 14px;
  font-size: 0.9rem;
  font-weight: 650;
  letter-spacing: -0.012em;
  text-decoration: none;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-pay-return-actions .btn-public-login {
  color: #ffffff;
  background: var(--ll-active-grad);
  border: 1px solid var(--ll-active-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-pay-return-actions .btn-public-login:hover {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    var(--ll-active-shadow-hover);
  transform: translateY(-1px);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-pay-return-actions .btn-public-register {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-pay-return-actions .btn-public-register:hover {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
  transform: translateY(-1px);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-pay-return-actions .btn-public-login:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc .sa-pay-return-actions .btn-public-register:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

/* Restrained result accents — a thin edge only, never a saturated panel. */
html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc[data-site-page="odeme-basarili"] .legal-lead {
  border-color: rgba(52, 168, 116, 0.34);
  border-left: 3px solid #34a874;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-legal-doc[data-site-page="odeme-basarisiz"] .legal-lead {
  border-color: rgba(199, 84, 80, 0.3);
  border-left: 3px solid #c75450;
  background:
    radial-gradient(ellipse 92% 70% at 6% 0%, rgba(252, 231, 227, 0.5), transparent 72%),
    linear-gradient(178deg, #fffcfb 0%, #fdf5f4 100%);
}

/* —— /hesap-silme/ — pearl account-deletion surfaces. Panel ids, form ids,
   button ids, confirmation copy and the deletion flow are untouched. The
   destructive action stays the visually dominant control in its panel. —— */
html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel {
  border: 1px solid rgba(120, 150, 180, 0.24);
  background:
    radial-gradient(ellipse 92% 70% at 6% 0%, rgba(224, 240, 252, 0.42), transparent 72%),
    linear-gradient(178deg, #fdfeff 0%, #f5f9fc 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 8px 24px rgba(15, 23, 42, 0.05);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel h2 {
  color: #1d1d1f;
  font-weight: 700;
  letter-spacing: -0.012em;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel p,
html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel li {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel li::marker {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-identity {
  border: 1px solid rgba(120, 150, 180, 0.22);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-identity strong {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-identity span {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-google {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
  font-weight: 650;
  letter-spacing: -0.012em;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-google:hover:not(:disabled) {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-google:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-divider {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-field label {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-field input {
  color: #1d1d1f;
  background: #ffffff;
  border: 1px solid rgba(120, 150, 180, 0.34);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-field input::placeholder {
  color: #9aa0a6;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-field input:focus {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 1px;
  border-color: rgba(0, 113, 227, 0.45);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel .sa-delete-msg {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel .sa-delete-msg--error {
  color: #b3261e;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel .sa-delete-msg--success {
  color: #1c7a4f;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel .sa-delete-progress {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel .sa-delete-warn {
  color: #7a4a12;
  border: 1px solid rgba(191, 137, 30, 0.34);
  background: linear-gradient(178deg, #fffdf6 0%, #fdf6e6 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete #sa-delete-confirm hr {
  border-top-color: rgba(15, 23, 42, 0.12) !important;
}

/* Destructive action: restrained but unmistakably the primary control here. */
html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .btn-danger-delete {
  color: #ffffff;
  background: linear-gradient(165deg, #e0554f 0%, #cf3f39 55%, #c2352f 100%);
  border: 1px solid rgba(190, 60, 54, 0.6);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 8px 20px rgba(194, 53, 47, 0.24);
  font-weight: 650;
  letter-spacing: -0.012em;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .btn-danger-delete:hover:not(:disabled) {
  background: linear-gradient(165deg, #e8635d 0%, #d84a44 55%, #cb3c36 100%);
  border-color: rgba(190, 60, 54, 0.75);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 10px 24px rgba(194, 53, 47, 0.3);
  transform: translateY(-1px);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .btn-danger-delete:focus-visible {
  outline: 2px solid rgba(194, 53, 47, 0.6);
  outline-offset: 3px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .btn-ghost {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
  font-weight: 650;
  letter-spacing: -0.012em;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .btn-ghost:hover:not(:disabled) {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .btn-ghost:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  color: #ffffff;
  background: var(--ll-active-grad);
  border: 1px solid var(--ll-active-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    var(--ll-active-shadow);
  font-size: 0.92rem;
  font-weight: 650;
  letter-spacing: -0.012em;
  text-decoration: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel .btn-primary:hover {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    var(--ll-active-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-account-delete .sa-delete-panel .btn-primary:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

/* —— Authenticated product hubs (body.page-cikmis-sorular)
   Shared shell for public-user (#public-header-shell) and institution
   student (#hub-student-header). Does not use the marketing navband.
   Does not change hidden/display/visibility of either header. —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular {
  color: var(--ll-ink);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  background: linear-gradient(180deg, #f8f7f4 0%, #f5f6f8 42%, #f7f8fb 100%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular::after {
  content: "";
  display: block;
  opacity: 1;
  position: fixed;
  inset: -28% -20%;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular::before {
  background:
    radial-gradient(ellipse 78% 52% at 10% 6%, rgba(214, 236, 252, 0.55), transparent 74%),
    radial-gradient(ellipse 62% 46% at 92% 10%, rgba(232, 226, 250, 0.38), transparent 76%),
    linear-gradient(180deg, #f8f7f4 0%, #f5f6f8 50%, #f7f8fb 100%);
  animation: sa-ll-drift-a 36s ease-in-out infinite alternate;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular::after {
  background:
    radial-gradient(ellipse 70% 54% at 82% 88%, rgba(209, 245, 230, 0.32), transparent 78%),
    radial-gradient(ellipse 52% 42% at 16% 94%, rgba(255, 241, 214, 0.22), transparent 76%);
  animation: sa-ll-drift-b 40s ease-in-out infinite alternate;
}

/* Neutralise legacy photo scrims — keep position / z-index / pointer-events. */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing:not(.page-forum):not(.page-duello):not(.page-ligler):not(.page-profilim):not(.page-dersler):not(.page-video-dersler):not(.page-pratik-rehber) .exam-hub-main::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .lesson-hub-main::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .profile-main::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .duel-hub-main::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .ligler-main::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .practical-hub-main::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .teacher-video-hub-main::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .forum-main::before {
  background-image: none;
  background-color: transparent;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .site-header,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .site-header--landing,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-cikmis-sorular--institution-student .site-header--landing {
  position: sticky;
  top: 0;
  z-index: 120;
  isolation: isolate;
  background: #fafcff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(22px) saturate(130%);
  -webkit-backdrop-filter: blur(22px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .site-header--landing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: #fafcff;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .site-header--landing .hub-header-container,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .site-header--landing #public-header-shell,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .site-header--landing #hub-student-header {
  position: relative;
  z-index: 1;
}

/* Public authenticated / guest hub header lockup */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .brand,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .brand--lockup {
  color: #172033;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .brand--lockup:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .brand--lockup:hover .brand-name {
  color: #172033;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .brand-name {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #172033;
  filter: none;
  text-shadow: none;
  font-weight: 720;
  letter-spacing: -0.028em;
  line-height: 1.08;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .brand-tagline {
  color: #8e9199;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-login,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-register,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-course,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-greeting,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-logout,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #hub-student-header .btn-public-greeting,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #hub-student-header .btn-public-logout,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-login,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-register {
  border-radius: 14px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
  text-shadow: none;
  filter: none;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-login:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-register:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-course:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-logout:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #hub-student-header .btn-public-logout:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-login:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-register:hover {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  transform: translateY(-1px);
  box-shadow: var(--ll-nav-pill-shadow-hover);
  text-decoration: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-login:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-register:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-course:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-logout:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #hub-student-header .btn-public-logout:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-login:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-register:focus-visible {
  outline: 2px solid rgba(8, 126, 164, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-greeting,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #public-header-shell .btn-public-greeting #public-header-name,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #hub-student-header .btn-public-greeting,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular #hub-student-header #hub-student-greeting-name {
  color: var(--ll-nav-pill-text);
}

/* Institution tenant identity — typography only; logo wrap stays transparent. */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular--institution-student .hub-tenant-brand-name {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: #172033;
  filter: none;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular--institution-student .hub-student-header .app-tenant-logo-wrap,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular--institution-student #hub-tenant-logo.tenant-logo,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular--institution-student .hub-tenant-logo-img {
  background: none;
  border: none;
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular--institution-student .hub-tenant-monogram {
  color: #172033;
  background:
    radial-gradient(ellipse 92% 68% at 8% 0%, rgba(209, 245, 230, 0.48), transparent 70%),
    linear-gradient(178deg, #f6fcfa 0%, #e7f3ef 100%);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
}

/* Canvas-level titles (sit on pearl, not inside module cards). */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-hero h1,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .profile-hero h1,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .duel-hub-hero h1,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .ligler-hero h1,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .forum-hero h1 {
  color: #1d1d1f;
  text-shadow: none;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #1d1d1f;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing:not(.page-forum):not(.page-duello):not(.page-ligler):not(.page-profilim):not(.page-dersler):not(.page-video-dersler):not(.page-pratik-rehber) .exam-hub-hero h1 {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing:not(.page-forum):not(.page-duello):not(.page-ligler):not(.page-profilim):not(.page-dersler):not(.page-video-dersler):not(.page-pratik-rehber) .exam-hub-hero__intro,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing:not(.page-forum):not(.page-duello):not(.page-ligler):not(.page-profilim):not(.page-dersler):not(.page-video-dersler):not(.page-pratik-rehber) .exam-hub-hero__note,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing:not(.page-exam-list):not(.page-exam-runner):not(.page-forum):not(.page-duello):not(.page-ligler):not(.page-profilim):not(.page-dersler):not(.page-video-dersler):not(.page-pratik-rehber) .cikmis-hero-intro {
  color: #475569;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing:not(.page-exam-list):not(.page-exam-runner):not(.page-forum):not(.page-duello):not(.page-ligler):not(.page-profilim):not(.page-dersler):not(.page-video-dersler):not(.page-pratik-rehber) .cikmis-hero-intro {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-hero__intro:not(.lesson-books-hub-hero__sales):not(.teacher-video-hub-hero__sales),
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-hero__note,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .profile-hero__intro,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .ligler-hero__intro {
  color: #475569;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .profile-hero__glow {
  opacity: 0;
  background: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta__text {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .module-access-status,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .duel-access-status {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.78);
  color: #475569;
  box-shadow: none;
}

/* Breadcrumbs / home-return chips */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb {
  color: #6e6e73;
}

/* Secondary pearl home pill — readable on LL canvas, not primary-loud. */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb a[data-sa-portal-home],
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-back a[data-sa-portal-home],
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .auth-backlinks a {
  color: #14201c;
  -webkit-text-fill-color: #14201c;
  font-weight: 700;
  letter-spacing: 0.01em;
  background:
    radial-gradient(ellipse 92% 68% at 10% 0%, rgba(196, 240, 224, 0.78), transparent 68%),
    linear-gradient(178deg, #f5fcf9 0%, #d7ebe4 100%);
  border: 1px solid rgba(86, 142, 132, 0.5);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 0 0 1px rgba(232, 253, 248, 0.62),
    0 6px 18px rgba(18, 48, 42, 0.11);
  text-shadow: none;
  filter: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb a[data-sa-portal-home]:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-back a[data-sa-portal-home]:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .auth-backlinks a:hover {
  color: #0b0f14;
  -webkit-text-fill-color: #0b0f14;
  background:
    radial-gradient(ellipse 92% 68% at 10% 0%, rgba(186, 236, 218, 0.88), transparent 70%),
    linear-gradient(178deg, #f1faf7 0%, #cce6de 100%);
  border-color: rgba(68, 128, 118, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 0 0 1px rgba(232, 253, 248, 0.72),
    0 8px 22px rgba(18, 48, 42, 0.14);
  text-decoration: none;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb a[data-sa-portal-home]:active,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-back a[data-sa-portal-home]:active,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .auth-backlinks a:active {
  transform: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 0 0 1px rgba(232, 253, 248, 0.5),
    0 3px 10px rgba(18, 48, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb a[data-sa-portal-home]:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-back a[data-sa-portal-home]:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb a:not([data-sa-portal-home]) {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb a:not([data-sa-portal-home]):hover {
  color: #0071e3;
  background: rgba(0, 113, 227, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb a:not([data-sa-portal-home]):focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb__sep {
  color: #8e9199;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-wrap .exam-hub-breadcrumb [aria-current="page"] {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-back a:not([data-sa-portal-home]) {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-back a:not([data-sa-portal-home]):hover {
  color: #0064d1;
}

/* Ad rail / slot chrome only — dimensions and display unchanged. */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .public-ad-rail__slot,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .ad-slot,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .public-ad-slot {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.42);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .public-ad-rail__label,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .public-ad-rail__placeholder,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .ad-slot__label,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .ad-slot__type,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .public-ad-slot__label,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .public-ad-slot__placeholder {
  color: #86868b;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .site-footer {
  border-top: 1px solid rgba(15, 23, 42, 0.07);
  background: transparent;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .footer-brand {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .footer-copy,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .footer-secondary,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .footer-secondary a,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .footer-links a {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .footer-secondary a:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .footer-links a:hover {
  color: #0071e3;
}

/* —— Institution student launcher (body.page-app)
   Authenticated workspace shell. Not a marketing landing page.
   Does not override html.page-app--header-pending visibility. —— */

html[data-sa-theme="liquid-light"] body.page-app {
  color: var(--ll-ink);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  background: linear-gradient(180deg, #f8f7f4 0%, #f5f6f8 42%, #f7f8fb 100%);
}

html[data-sa-theme="liquid-light"] body.page-app::before,
html[data-sa-theme="liquid-light"] body.page-app::after {
  content: "";
  display: block;
  opacity: 1;
  position: fixed;
  inset: -28% -20%;
  z-index: -1;
  pointer-events: none;
  will-change: transform;
}

html[data-sa-theme="liquid-light"] body.page-app::before {
  background:
    radial-gradient(ellipse 78% 52% at 10% 6%, rgba(214, 236, 252, 0.55), transparent 74%),
    radial-gradient(ellipse 62% 46% at 92% 10%, rgba(232, 226, 250, 0.38), transparent 76%),
    linear-gradient(180deg, #f8f7f4 0%, #f5f6f8 50%, #f7f8fb 100%);
  animation: sa-ll-drift-a 36s ease-in-out infinite alternate;
}

html[data-sa-theme="liquid-light"] body.page-app::after {
  background:
    radial-gradient(ellipse 70% 54% at 82% 88%, rgba(209, 245, 230, 0.32), transparent 78%),
    radial-gradient(ellipse 52% 42% at 16% 94%, rgba(255, 241, 214, 0.22), transparent 76%);
  animation: sa-ll-drift-b 40s ease-in-out infinite alternate;
}

html[data-sa-theme="liquid-light"] body.page-app .app-header,
html[data-sa-theme="liquid-light"] body.page-app .app-header--premium {
  background: #fafcff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(22px) saturate(130%);
  -webkit-backdrop-filter: blur(22px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-app .app-header-inner--premium {
  padding: 12px 0;
}

html[data-sa-theme="liquid-light"] body.page-app .app-tenant-brand-name,
html[data-sa-theme="liquid-light"] body.page-app #home-tenant-name {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #172033;
  color: #172033;
  filter: none;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-app .app-tenant-logo-wrap,
html[data-sa-theme="liquid-light"] body.page-app #home-tenant-logo.tenant-logo,
html[data-sa-theme="liquid-light"] body.page-app .app-tenant-logo-img {
  background: none;
  border: none;
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-app .app-tenant-monogram {
  color: #172033;
  background:
    radial-gradient(ellipse 92% 68% at 8% 0%, rgba(209, 245, 230, 0.48), transparent 70%),
    linear-gradient(178deg, #f6fcfa 0%, #e7f3ef 100%);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-app #home-header-greeting.btn-public-greeting {
  border-radius: 14px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: #075c2a;
  background:
    radial-gradient(ellipse 90% 70% at 12% 0%, rgba(255, 255, 255, 0.78), transparent 68%),
    linear-gradient(180deg, #ddffd8 0%, #a9ff9f 100%);
  border: 1px solid rgba(35, 190, 85, 0.52);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 4px 14px rgba(35, 190, 85, 0.16),
    var(--ll-nav-pill-shadow);
  text-shadow: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-app #home-header-greeting #home-greeting-name {
  display: inline !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0;
  color: inherit;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-app #home-header-greeting #home-greeting-name::before,
html[data-sa-theme="liquid-light"] body.page-app #home-header-greeting #home-greeting-name::after {
  content: none !important;
  display: none !important;
}

html[data-sa-theme="liquid-light"] body.page-app #home-logout.btn-public-logout,
html[data-sa-theme="liquid-light"] body.page-app #home-logout.btn-public-register {
  border-radius: 14px;
  font-weight: 600;
  letter-spacing: -0.012em;
  color: #9f0018;
  background:
    radial-gradient(ellipse 90% 70% at 12% 0%, rgba(255, 255, 255, 0.72), transparent 68%),
    linear-gradient(180deg, #ffe5e8 0%, #ffbac3 100%);
  border: 1px solid rgba(215, 0, 21, 0.48);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 4px 14px rgba(215, 0, 21, 0.14),
    var(--ll-nav-pill-shadow);
  text-shadow: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-app #home-logout.btn-public-logout:hover {
  color: #b00020;
  background:
    radial-gradient(ellipse 90% 70% at 12% 0%, rgba(255, 255, 255, 0.78), transparent 68%),
    linear-gradient(180deg, #ffd4d9 0%, #ff9aa8 100%);
  border-color: rgba(215, 0, 21, 0.58);
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 6px 16px rgba(215, 0, 21, 0.18),
    var(--ll-nav-pill-shadow-hover);
  text-decoration: none;
}

html[data-sa-theme="liquid-light"] body.page-app #home-logout.btn-public-logout:focus-visible {
  outline: 2px solid rgba(8, 126, 164, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-app .app-main {
  padding-top: 12px;
}

html[data-sa-theme="liquid-light"] body.page-app .app-modules-heading {
  margin: 0 0 14px;
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-grid {
  gap: 16px;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app {
  gap: 12px;
  padding: 14px 14px 16px;
  border-radius: 26px;
  border: 1px solid rgba(15, 23, 42, 0.065);
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, var(--ll-card-wash, rgba(255, 255, 255, 0.4)), transparent 72%),
    var(--ll-card-surface, #f8fafc);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    var(--ll-shadow);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, background-color 0.28s ease;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card:hover,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow-hover);
  border-color: rgba(15, 23, 42, 0.08);
  filter: brightness(1.012);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app-interactive:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="exams"] {
  --card-accent: #7dd3fc;
  --card-glow: rgba(125, 211, 252, 0.08);
  --ll-card-surface: #f5faff;
  --ll-card-wash: rgba(186, 230, 253, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="lessons"] {
  --card-accent: #6ee7b7;
  --card-glow: rgba(110, 231, 183, 0.08);
  --ll-card-surface: #f5fcfa;
  --ll-card-wash: rgba(167, 243, 208, 0.26);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="videos"] {
  --card-accent: #e8c99b;
  --card-glow: rgba(232, 201, 155, 0.1);
  --ll-card-surface: #fff8ee;
  --ll-card-wash: rgba(253, 230, 186, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="practical"] {
  --card-accent: #fdba74;
  --card-glow: rgba(253, 186, 116, 0.08);
  --ll-card-surface: #fff8f5;
  --ll-card-wash: rgba(254, 215, 170, 0.24);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="duel"] {
  --card-accent: #e9d5ff;
  --card-glow: rgba(233, 213, 255, 0.1);
  --ll-card-surface: #fcf5fa;
  --ll-card-wash: rgba(245, 208, 230, 0.26);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="forum"] {
  --card-accent: #c4b5fd;
  --card-glow: rgba(196, 181, 253, 0.08);
  --ll-card-surface: #f7f6ff;
  --ll-card-wash: rgba(221, 214, 254, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="leagues"] {
  --card-accent: #f2d089;
  --card-glow: rgba(242, 208, 137, 0.1);
  --ll-card-surface: #fff9ed;
  --ll-card-wash: rgba(253, 230, 138, 0.22);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="profile"] {
  --card-accent: #7dd3fc;
  --card-glow: rgba(125, 211, 252, 0.08);
  --ll-card-surface: #f3f8fd;
  --ll-card-wash: rgba(186, 230, 253, 0.24);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app .module-card-visual,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key] .module-card-visual {
  min-height: auto;
  padding: 0;
  background: transparent;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app .module-card-visual-title .module-card-title,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key] .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-app .module-card-title {
  order: 2;
  color: #1d1d1f;
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.3;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app:hover .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key]:hover .module-card-visual-title {
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app .module-card-emoji,
html[data-sa-theme="liquid-light"] body.page-app .module-card-emoji {
  display: none;
}

html[data-sa-theme="liquid-light"] body.page-app .module-card-body {
  padding: 2px 6px 2px;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card p,
html[data-sa-theme="liquid-light"] body.page-app .module-card-body p {
  color: #596273;
  line-height: 1.58;
  font-size: 0.9rem;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-status {
  color: #3f4b5b;
  border: 1px solid rgba(15, 23, 42, 0.07);
  background: rgba(241, 245, 244, 0.92);
  border-radius: 999px;
  letter-spacing: 0.04em;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-status--accent {
  color: #7c5a1e;
  border-color: rgba(196, 165, 116, 0.28);
  background: rgba(255, 248, 230, 0.94);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card[data-module-key="duel"] .content-module-status {
  color: #4c3d66;
  border-color: rgba(167, 139, 250, 0.22);
  background: rgba(245, 240, 255, 0.94);
}

html[data-sa-theme="liquid-light"] body.page-app .app-backlinks a,
html[data-sa-theme="liquid-light"] body.page-app .auth-backlinks a {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-app .app-backlinks a:hover,
html[data-sa-theme="liquid-light"] body.page-app .auth-backlinks a:hover {
  color: #0064d1;
}

html[data-sa-theme="liquid-light"] body.page-app .public-ad-rail__slot {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.42);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-app .public-ad-rail__label,
html[data-sa-theme="liquid-light"] body.page-app .public-ad-rail__placeholder {
  color: #86868b;
}

html[data-sa-theme="liquid-light"] body.page-app .app-soon-gate .public-gate__backdrop {
  background: rgba(248, 250, 252, 0.66);
}

html[data-sa-theme="liquid-light"] body.page-app .app-soon-gate .public-gate__dialog {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(15, 23, 42, 0.08);
  color: #1d1d1f;
  box-shadow: var(--ll-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-app .app-soon-gate .public-gate__title,
html[data-sa-theme="liquid-light"] body.page-app .app-soon-gate .public-gate__body,
html[data-sa-theme="liquid-light"] body.page-app .app-soon-gate .public-gate__later,
html[data-sa-theme="liquid-light"] body.page-app .app-soon-gate .public-gate__close {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-app .app-soon-gate .public-gate__later {
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-app .app-soon-gate .public-gate__close {
  background: rgba(241, 245, 249, 0.9);
}

@media (max-width: 768px) {
  html[data-sa-theme="liquid-light"] body.page-app .app-header-inner--premium {
    padding: 10px 0;
  }
}

/* —— Authenticated hub browse surfaces (Batch 3)
   Pearl card/hero/list language under body.page-cikmis-sorular.
   Does not alter hidden/display/visibility or sales/premium product boxes.
   Deferred stateful/read pages are not deeply redesigned. —— */

/* Shared hero notes / intros (non-sales) */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-hero__note {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.72);
  color: #475569;
  box-shadow: var(--ll-shadow);
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-hero h1,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .ligler-hero h1,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .forum-hero h1 {
  text-shadow: none;
}

/* Guest CTA actions */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-login {
  color: #ffffff;
  background: var(--ll-active-grad);
  border: 1px solid var(--ll-active-border);
  box-shadow: var(--ll-active-shadow);
  text-shadow: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-login:hover {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow: var(--ll-active-shadow-hover);
  transform: translateY(-1px);
  text-decoration: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-register {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
  text-shadow: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-register:hover {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
  transform: translateY(-1px);
  text-decoration: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-login:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-hub-guest-cta .btn-public-register:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

/* Empty / status panels used by browse hubs */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .lesson-empty-state,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-coming-soon,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .forum-empty {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.78);
  color: #475569;
  box-shadow: var(--ll-shadow);
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-coming-soon p {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .lesson-empty-state--error {
  border-color: rgba(180, 35, 24, 0.28);
  background: rgba(254, 242, 242, 0.92);
  color: #b42318;
}

/* Deferred exam-list status panels — contrast only, no layout redesign */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-list-loading,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-list-empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-list-error {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.78);
  color: #475569;
  box-shadow: none;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-list-error {
  border-color: rgba(180, 35, 24, 0.28);
  background: rgba(254, 242, 242, 0.92);
  color: #b42318;
}

/* —— Çıkmış sorular category cards —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card {
  --ll-browse-accent: #7dd3fc;
  --ll-browse-wash: rgba(186, 230, 253, 0.28);
  --ll-browse-surface: #f5faff;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, var(--ll-browse-wash), transparent 72%),
    var(--ll-browse-surface);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    var(--ll-shadow);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card::before {
  background: radial-gradient(
    circle,
    color-mix(in srgb, var(--ll-browse-accent) 22%, transparent) 0%,
    transparent 68%
  );
  opacity: 0.55;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card::after {
  background: linear-gradient(
    128deg,
    transparent 34%,
    rgba(255, 255, 255, 0.55) 48%,
    color-mix(in srgb, var(--ll-browse-accent) 10%, transparent) 52%,
    transparent 66%
  );
  opacity: 0.7;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cyan {
  --ll-browse-accent: #7dd3fc;
  --ll-browse-wash: rgba(186, 230, 253, 0.3);
  --ll-browse-surface: #f5faff;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--green {
  --ll-browse-accent: #6ee7b7;
  --ll-browse-wash: rgba(167, 243, 208, 0.28);
  --ll-browse-surface: #f5fcfa;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--orange {
  --ll-browse-accent: #fdba74;
  --ll-browse-wash: rgba(254, 215, 170, 0.28);
  --ll-browse-surface: #fff8f5;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--purple {
  --ll-browse-accent: #c4b5fd;
  --ll-browse-wash: rgba(221, 214, 254, 0.3);
  --ll-browse-surface: #f7f6ff;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--rose {
  --ll-browse-accent: #f9a8d4;
  --ll-browse-wash: rgba(251, 207, 232, 0.28);
  --ll-browse-surface: #fff5f9;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--gold {
  --ll-browse-accent: #f2d089;
  --ll-browse-wash: rgba(253, 230, 138, 0.26);
  --ll-browse-surface: #fff9ed;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--blue {
  --ll-browse-accent: #93c5fd;
  --ll-browse-wash: rgba(191, 219, 254, 0.3);
  --ll-browse-surface: #f3f8fd;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing .exam-category-grid .exam-category-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card__title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing:not(.page-exam-list) .exam-category-grid .exam-category-card__desc,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card__desc {
  color: #596273;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-landing:not(.page-exam-list) .exam-category-grid .exam-category-card__count,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card__count {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card__note,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .web-exam-category-note {
  border-color: rgba(196, 165, 116, 0.28);
  background: rgba(255, 248, 230, 0.94);
  color: #7c5a1e;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-badge {
  color: #3f4b5b;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(241, 245, 244, 0.94);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-badge--active {
  color: #067647;
  border-color: rgba(110, 231, 183, 0.45);
  background: rgba(236, 253, 245, 0.96);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-badge--guest {
  color: #7c5a1e;
  border-color: rgba(196, 165, 116, 0.35);
  background: rgba(255, 248, 230, 0.96);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--clickable:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--clickable:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    var(--ll-shadow-hover);
  outline: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--clickable:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

/* —— Dersler browse / units —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-books-category-guide {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%, rgba(253, 230, 186, 0.28), transparent 70%),
    rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-books-category-guide__eyebrow {
  color: #7c5a1e;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-books-category-guide p {
  color: #1d1d1f;
  text-shadow: none;
}

/* —— Dersler hub index compact rhythm (promo band removed) —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-hub-hero h1 {
  margin-bottom: 0.5rem;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .public-ad-slot--after-hero {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-books-category-guide {
  margin-top: 0.75rem;
  margin-bottom: 0.875rem;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid {
  margin-top: 0;
}

@media (max-width: 640px) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-books-category-guide {
    margin-top: 0.625rem;
    margin-bottom: 0.75rem;
  }
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card {
  --hub-card-accent-rgb: 125, 211, 252;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(var(--hub-card-accent-rgb), 0.18), transparent 72%),
    #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    var(--ll-shadow);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card::before {
  background: radial-gradient(
    circle,
    rgba(var(--hub-card-accent-rgb), 0.22) 0%,
    transparent 68%
  );
  opacity: 0.5;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card::after {
  background: linear-gradient(
    128deg,
    transparent 34%,
    rgba(255, 255, 255, 0.55) 48%,
    rgba(var(--hub-card-accent-rgb), 0.12) 52%,
    transparent 66%
  );
  opacity: 0.7;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cyan {
  --hub-card-accent-rgb: 125, 211, 252;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(186, 230, 253, 0.3), transparent 72%),
    #f5faff;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--green {
  --hub-card-accent-rgb: 110, 231, 183;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(167, 243, 208, 0.28), transparent 72%),
    #f5fcfa;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--purple {
  --hub-card-accent-rgb: 196, 181, 253;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(221, 214, 254, 0.3), transparent 72%),
    #f7f6ff;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--orange {
  --hub-card-accent-rgb: 253, 186, 116;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(254, 215, 170, 0.28), transparent 72%),
    #fff8f5;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--gold {
  --hub-card-accent-rgb: 242, 208, 137;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(253, 230, 138, 0.26), transparent 72%),
    #fff9ed;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card__title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card__desc {
  color: #596273;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card__note,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .web-lesson-category-note {
  color: #7c5a1e;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card__badge {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(241, 245, 244, 0.96);
  color: #3f4b5b;
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0.02em;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card__badge--active {
  border-color: rgba(110, 231, 183, 0.45);
  color: #067647;
  background: rgba(236, 253, 245, 0.96);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card__badge--guest {
  border-color: rgba(196, 165, 116, 0.35);
  color: #7c5a1e;
  background: rgba(255, 248, 230, 0.96);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card__badge--empty {
  border-color: rgba(15, 23, 42, 0.08);
  color: #64748b;
  background: rgba(248, 250, 252, 0.96);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--clickable:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--clickable:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    var(--ll-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--clickable:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card:focus-visible {
  border-color: rgba(0, 113, 227, 0.28);
  background: rgba(248, 251, 255, 0.96);
  outline: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card__index {
  color: #0071e3;
  background: rgba(0, 113, 227, 0.08);
  border: 1px solid rgba(0, 113, 227, 0.18);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card__title {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card__cta {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card--completed {
  border-color: rgba(110, 231, 183, 0.42);
  background:
    linear-gradient(135deg, rgba(236, 253, 245, 0.92), rgba(255, 255, 255, 0.9));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-card--completed .lesson-unit-card__index {
  color: #067647;
  background: rgba(236, 253, 245, 0.96);
  border-color: rgba(110, 231, 183, 0.4);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-unit-status--completed {
  color: #067647;
  background: rgba(236, 253, 245, 0.96);
  border: 1px solid rgba(110, 231, 183, 0.4);
}

/* —— Pratik rehber —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card {
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(var(--hub-card-accent-rgb, 253, 186, 116), 0.2), transparent 72%),
    #fff8f5;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    var(--ll-shadow);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card::before {
  opacity: 0.45;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card::after,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card::after {
  opacity: 0.65;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card--orange,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card--orange,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card--amber {
  --hub-card-accent-rgb: 253, 186, 116;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(254, 215, 170, 0.28), transparent 72%),
    #fff8f5;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card--cyan,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card--cyan,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card--blue {
  --hub-card-accent-rgb: 125, 211, 252;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(186, 230, 253, 0.28), transparent 72%),
    #f5faff;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card--violet {
  --hub-card-accent-rgb: 196, 181, 253;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(221, 214, 254, 0.28), transparent 72%),
    #f7f6ff;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card__desc,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-desc {
  color: #596273;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card__badge,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-count {
  color: #3f4b5b;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(241, 245, 244, 0.96);
  box-shadow: none;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card__badge--active {
  color: #067647;
  border-color: rgba(110, 231, 183, 0.45);
  background: rgba(236, 253, 245, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card__badge--guest {
  color: #7c5a1e;
  border-color: rgba(196, 165, 116, 0.35);
  background: rgba(255, 248, 230, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-cta,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card__cta {
  color: #0071e3;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-back {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-back:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-back:focus-visible {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card--clickable:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card--clickable:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    var(--ll-shadow-hover);
  outline: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-hub-grid .practical-category-card--clickable:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

/* —— Pratik rehber hub premium cover cards (index only)
   Visual-only under Liquid Light. Preserves article + hub JS click architecture.
   Mandatory units/read exclusion. Does not restyle .practical-sign-group-card. —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--orange,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--cyan {
  position: relative;
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
  gap: 0;
  overflow: hidden;
  isolation: isolate;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 28px rgba(15, 23, 42, 0.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  filter: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card::before {
  content: none;
  display: none;
  background: none;
  opacity: 0;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  background-color: #f8fafc;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card[data-category-id="traffic_signs_practical"]::after {
  background-image: url("../images/pratik-rehber/trafik-levha-ve-isaretleri.webp");
  background-size: 108% 108%;
  background-position: center center;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card[data-category-id="dashboard_indicators_practical"]::after {
  background-image: url("../images/pratik-rehber/arac-gosterge-paneli.webp");
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card__desc,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card__badge--active {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  min-height: 0 !important;
  flex: none !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card__badge:not(.practical-category-card__badge--active) {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  max-width: calc(100% - 20px);
  margin: 0;
  padding: 5px 10px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-transform: none;
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 4px 14px rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card__badge--guest {
  color: #7c5a1e;
  border: 1px solid rgba(196, 165, 116, 0.42);
  background: rgba(255, 248, 230, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card__badge--empty {
  color: #475569;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(248, 250, 252, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card__badge:not(.practical-category-card__badge--active):not(.practical-category-card__badge--guest):not(.practical-category-card__badge--empty) {
  color: #334155;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.94);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card:not(.practical-category-card--clickable):hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card:not(.practical-category-card--clickable):focus-visible {
  transform: none;
  border-color: rgba(15, 23, 42, 0.08);
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 28px rgba(15, 23, 42, 0.07);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.1);
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 34px rgba(15, 23, 42, 0.1);
  outline: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:hover::after,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:focus-visible::after {
  opacity: 1;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:active {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 8px 22px rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:focus-visible,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:active {
    transform: none;
  }
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.88);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card:focus-visible {
  border-color: rgba(0, 113, 227, 0.28);
  background: rgba(248, 251, 255, 0.96);
  outline: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card__index {
  color: #0071e3;
  background: rgba(0, 113, 227, 0.08);
  border-color: rgba(0, 113, 227, 0.18);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card__title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card__preview {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-unit-card__thumb {
  border-color: rgba(15, 23, 42, 0.08);
  background: #eef2f6;
  box-shadow: none;
}

/* —— Video öğretmen entry (category grid only; liste deferred) —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler .teacher-video-category-guide {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(ellipse 80% 70% at 100% 0%, rgba(196, 181, 253, 0.22), transparent 70%),
    rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler .teacher-video-category-guide__eyebrow {
  color: #5b4b8a;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler .teacher-video-category-guide p {
  color: #1d1d1f;
  text-shadow: none;
}

/* —— Video öğretmen hub premium cover cards (index only)
   Visual-only under Liquid Light. Preserves article + hub JS click architecture.
   Mandatory list-page exclusion: :not(.page-video-dersler-liste) —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card--cyan,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card--rose,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card--green,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card--indigo,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card--gold {
  position: relative;
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
  gap: 0;
  overflow: hidden;
  isolation: isolate;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 28px rgba(15, 23, 42, 0.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  filter: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card::before {
  content: none;
  display: none;
  background: none;
  opacity: 0;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  background-color: #f8fafc;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card[data-category-id="trafik_ve_cevre_bilgisi"]::after {
  background-image: url("../images/video-dersler/trafik-ve-cevre-bilgisi.webp");
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card[data-category-id="ilk_yardim"]::after {
  background-image: url("../images/video-dersler/ilk-yardim.webp");
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card[data-category-id="motor_ve_arac_teknigi"]::after {
  background-image: url("../images/video-dersler/motor-ve-arac-teknigi.webp");
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card[data-category-id="trafik_adabi"]::after {
  background-image: url("../images/video-dersler/trafik-adabi.webp");
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card__desc,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card__badge {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  min-height: 0 !important;
  flex: none !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.1);
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 34px rgba(15, 23, 42, 0.1);
  outline: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:hover::after,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:focus-visible::after {
  opacity: 1;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:active {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 8px 22px rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:focus-visible,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:active {
    transform: none;
  }
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler .teacher-video-access-note {
  color: #64748b;
  text-shadow: none;
}

/* —— Ligler —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(186, 230, 253, 0.22), transparent 72%),
    rgba(255, 255, 255, 0.88);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    var(--ll-shadow);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board::before {
  opacity: 0.4;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board__title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card__scope {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card__points {
  border-color: rgba(196, 165, 116, 0.32);
  background: rgba(255, 248, 230, 0.94);
  color: #7c5a1e;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card__rank-wrap,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-metric {
  border: 1px solid rgba(15, 23, 42, 0.07);
  background: rgba(248, 250, 252, 0.92);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card__rank-label,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-metric__label {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card__rank,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-metric__value {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-my-card__empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board__state {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.92);
  color: #475569;
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board__state--error {
  border-color: rgba(180, 35, 24, 0.28);
  background: rgba(254, 242, 242, 0.92);
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board__badge {
  color: #3f4b5b;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(241, 245, 244, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-row {
  border: 1px solid rgba(15, 23, 42, 0.07);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-row--me {
  border-color: rgba(0, 113, 227, 0.28);
  background: rgba(239, 246, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-row__rank {
  color: #334155;
  background: rgba(241, 245, 249, 0.96);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board__list .league-row:nth-child(1) .league-row__rank {
  color: #7c5a1e;
  background: rgba(255, 248, 230, 0.96);
  border-color: rgba(196, 165, 116, 0.35);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board__list .league-row:nth-child(2) .league-row__rank {
  color: #475569;
  background: rgba(241, 245, 249, 0.96);
  border-color: rgba(148, 163, 184, 0.35);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-board__list .league-row:nth-child(3) .league-row__rank {
  color: #9a3412;
  background: rgba(255, 247, 237, 0.96);
  border-color: rgba(253, 186, 116, 0.4);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-row__name {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-row__sub {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-row__points {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-ligler .league-row__points small {
  color: #64748b;
}

/* —— Forum browse + post —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-tab {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-tab:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-tab:focus-visible {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-tab--active {
  color: #ffffff;
  background: var(--ll-active-grad);
  border-color: var(--ll-active-border);
  box-shadow: var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-new-post-btn {
  color: #ffffff;
  background: var(--ll-active-grad);
  border: 1px solid var(--ll-active-border);
  box-shadow: var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-new-post-btn:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-new-post-btn:focus-visible {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow: var(--ll-active-shadow-hover);
  transform: translateY(-1px);
}

/* —— Forum hub scope artwork cards (index only)
   Visual-only under Liquid Light. Preserves button.forum-tab + bindTabs/setMode.
   Mandatory post-page exclusion: :not(.page-forum-post)
   Does not override [hidden] (public users must not see institution). —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) .forum-action-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 18px;
  margin: 0 0 1.15rem;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs.forum-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 18px;
  width: 100%;
  margin: 0;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]) {
  position: relative;
  display: block;
  width: 100%;
  min-height: 0;
  height: auto;
  padding: 0;
  margin: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 28px rgba(15, 23, 42, 0.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  filter: none;
  cursor: pointer;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: 0;
  white-space: nowrap;
  letter-spacing: 0;
  text-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden])::before {
  content: none;
  display: none;
  background: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden])::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
  opacity: 1;
  background-color: #f8fafc;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab[data-forum-mode="institution"]:not([hidden])::after {
  background-image: url("../images/forum/kurum-ici-forum.webp");
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab[data-forum-mode="global"]:not([hidden])::after {
  background-image: url("../images/forum/turkiye-geneli-forum.webp");
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]):not(.forum-tab--active):hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.1);
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 34px rgba(15, 23, 42, 0.1);
  color: transparent;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]):not(.forum-tab--active):hover::after,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]).forum-tab--active:hover::after {
  opacity: 1;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]).forum-tab--active {
  color: transparent;
  background: #f8fafc;
  border-color: rgba(0, 113, 227, 0.55);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 0 0 2px rgba(0, 113, 227, 0.55),
    0 12px 32px rgba(0, 113, 227, 0.14);
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]).forum-tab--active:hover {
  transform: none;
  color: transparent;
  background: #f8fafc;
  border-color: rgba(0, 113, 227, 0.55);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 0 0 2px rgba(0, 113, 227, 0.55),
    0 12px 32px rgba(0, 113, 227, 0.16);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]):focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
  color: transparent;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-new-post-btn:not([hidden]) {
  align-self: flex-start;
  width: auto;
  margin: 0;
}

@media (max-width: 640px) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-new-post-btn:not([hidden]) {
    align-self: stretch;
    width: 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]):not(.forum-tab--active):hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum:not(.page-forum-post) #forum-tabs .forum-tab:not([hidden]).forum-tab--active:hover {
    transform: none;
  }
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-detail-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-comment-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(221, 214, 254, 0.18), transparent 72%),
    rgba(255, 255, 255, 0.9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    var(--ll-shadow);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card::after {
  opacity: 0.55;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    var(--ll-shadow-hover);
  outline: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-detail-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-comments-section__title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card__preview,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-detail-card__content,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-comment-card__content {
  color: #334155;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-meta,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card__badge,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-detail-card__meta,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-detail-card__counts,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-comment-card__date {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-comment-card__author,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-user-accent {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-form__label {
  color: #334155;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-form__input,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-form__textarea {
  color: #1d1d1f;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-form__input:focus,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-form__textarea:focus {
  border-color: rgba(0, 113, 227, 0.45);
  outline: 2px solid rgba(0, 113, 227, 0.25);
  outline-offset: 1px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-form__error {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-compose-dialog,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .web-forum-rules-dialog {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.96);
  color: #1d1d1f;
  box-shadow: var(--ll-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-compose-dialog__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .web-forum-rules-title {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-compose-dialog__scope,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .web-forum-rules-list,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .web-forum-rules-check {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-compose-dialog__close,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .web-forum-rules-dialog__close {
  color: #334155;
  background: rgba(241, 245, 249, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-form__submit {
  color: #ffffff;
  background: var(--ll-active-grad);
  border: 1px solid var(--ll-active-border);
  box-shadow: var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-form__cancel {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-reply-target-preview {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.94);
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-reply-target-preview__clear {
  color: #0071e3;
}

/* —— Batch 4: authenticated lesson / practical reading surfaces
   Scoped to page-dersler-read + page-pratik-rehber-read only.
   Overrides dark lesson-reader.css / site.css reader chrome; no layout or behavior changes. —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .exam-hub-hero h1 {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .exam-hub-hero__intro {
  color: #475569;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .exam-hub-back a {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
  text-decoration: none;
  text-shadow: none;
  filter: none;
  transition:
    color 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .exam-hub-back a:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .exam-hub-back a:focus-visible {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
  transform: translateY(-1px);
  text-decoration: none;
  outline: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .exam-hub-back a:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .exam-hub-back__sep {
  color: #94a3b8;
}

/* Shared reading blocks (dersler + pratik rehber reuse lesson-block*) */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-block {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  background:
    radial-gradient(ellipse 88% 60% at 0% 0%, rgba(214, 236, 252, 0.28), transparent 70%),
    rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow);
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-block--text.lesson-block--preset-info {
  border-color: rgba(8, 126, 164, 0.28);
  background:
    linear-gradient(165deg, rgba(224, 242, 254, 0.92) 0%, rgba(255, 255, 255, 0.94) 72%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 28px rgba(8, 126, 164, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-block--text.lesson-block--preset-warning {
  border-color: rgba(180, 120, 20, 0.32);
  background:
    linear-gradient(165deg, rgba(255, 247, 230, 0.95) 0%, rgba(255, 255, 255, 0.94) 72%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 28px rgba(180, 120, 20, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-block--text.lesson-block--preset-danger {
  border-color: rgba(180, 35, 24, 0.28);
  background:
    linear-gradient(165deg, rgba(254, 242, 242, 0.96) 0%, rgba(255, 255, 255, 0.94) 72%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 28px rgba(180, 35, 24, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-text-body {
  color: #334155;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-text-seg--bold {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-text-seg--danger {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-text-seg--section-label {
  color: #087ea4;
  text-shadow: none;
  letter-spacing: 0.08em;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-block-attached-media {
  border-top-color: rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-image-trigger {
  border: 1px solid rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%, rgba(214, 236, 252, 0.35), transparent 58%),
    rgba(248, 250, 252, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 22px rgba(15, 23, 42, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-image-trigger:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-image-trigger:focus-visible {
  border-color: rgba(0, 113, 227, 0.4);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 12px 28px rgba(0, 113, 227, 0.1);
  transform: translateY(-1px);
  outline: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-image-trigger:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-image-caption {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-empty-state a {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-empty-state a:hover {
  color: #0064d1;
}

/* Dersler read — progress panel + lightbox */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(209, 245, 230, 0.28), transparent 72%),
    rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel--completed {
  border-color: rgba(22, 163, 112, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 12px 32px rgba(22, 163, 112, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__status {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__status--done {
  color: #0f766e;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__status--done::before {
  color: #0d9488;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__btn {
  color: #ffffff;
  background: var(--ll-active-grad);
  border: 1px solid var(--ll-active-border);
  box-shadow: var(--ll-active-shadow);
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__btn:hover:not(:disabled) {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow: var(--ll-active-shadow-hover);
  transform: translateY(-1px);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__btn:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__btn--completed {
  color: #0f766e;
  background:
    linear-gradient(165deg, rgba(209, 245, 230, 0.95) 0%, rgba(236, 253, 245, 0.98) 100%);
  border: 1px solid rgba(22, 163, 112, 0.35);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 20px rgba(22, 163, 112, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__btn--completed:hover:not(:disabled) {
  color: #0f766e;
  background:
    linear-gradient(165deg, rgba(204, 251, 241, 0.98) 0%, rgba(236, 253, 245, 1) 100%);
  border-color: rgba(22, 163, 112, 0.45);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 10px 24px rgba(22, 163, 112, 0.12);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__btn--saving {
  opacity: 0.55;
  pointer-events: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__message {
  color: #0f766e;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__message--error {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-image-lightbox__backdrop {
  background: rgba(15, 23, 42, 0.48);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-image-lightbox__close {
  color: var(--ll-nav-pill-text);
  background: var(--ll-nav-pill-bg);
  border: 1px solid var(--ll-nav-pill-border);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-image-lightbox__close:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-image-lightbox__close:focus-visible {
  color: var(--ll-nav-pill-text-hover);
  background: var(--ll-nav-pill-bg-hover);
  border-color: var(--ll-nav-pill-border-hover);
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-image-lightbox__img {
  box-shadow: 0 24px 56px rgba(15, 23, 42, 0.22);
}

/* Pratik rehber read — hero figure, explanation, prev/next */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-hero {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(ellipse 86% 58% at 50% 0%, rgba(214, 236, 252, 0.35), transparent 70%),
    rgba(255, 255, 255, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow);
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-hero__img {
  filter: drop-shadow(0 8px 18px rgba(15, 23, 42, 0.1));
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-hero__caption {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-explanation {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(ellipse 90% 55% at 0% 0%, rgba(255, 241, 214, 0.35), transparent 68%),
    rgba(255, 255, 255, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-explanation::before {
  background: linear-gradient(
    90deg,
    rgba(8, 126, 164, 0.72) 0%,
    rgba(0, 113, 227, 0.45) 48%,
    rgba(180, 120, 20, 0.7) 100%
  );
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-explanation__label {
  color: #087ea4;
  border-left-color: rgba(180, 120, 20, 0.7);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-explanation__body {
  color: #334155;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__btn {
  color: #1d1d1f;
  border: 1px solid var(--ll-nav-pill-border);
  background: var(--ll-nav-pill-bg);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__btn:hover:not(:disabled),
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__btn:focus-visible:not(:disabled) {
  color: #1d1d1f;
  border-color: var(--ll-nav-pill-border-hover);
  background: var(--ll-nav-pill-bg-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
  transform: translateY(-1px);
  outline: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__btn:focus-visible:not(:disabled) {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__btn:disabled {
  opacity: 0.42;
  color: #94a3b8;
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(241, 245, 249, 0.85);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__dir {
  color: #087ea4;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__title {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__pos {
  color: #475569;
  background: rgba(248, 250, 252, 0.95);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

@media (max-width: 640px) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-block {
    border-radius: 14px;
  }
}

/* —— Batch 5: authenticated Profilim inner surfaces
   Scoped to body.page-profilim under the hub theme root.
   Visual paint only — no display/visibility/[hidden] overrides. —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim {
  --profile-accent-cyan-rgb: 8, 126, 164;
  --profile-accent-violet-rgb: 124, 110, 180;
  --profile-accent-gold-rgb: 180, 120, 20;
  --profile-accent-green-rgb: 22, 163, 112;
  --profile-glass-bg:
    radial-gradient(ellipse 88% 60% at 0% 0%, rgba(214, 236, 252, 0.28), transparent 70%),
    rgba(255, 255, 255, 0.92);
  --profile-glass-border: rgba(15, 23, 42, 0.08);
  --profile-glow-cyan: rgba(8, 126, 164, 0.08);
  --profile-glow-blue: rgba(0, 113, 227, 0.08);
  --profile-glow-violet: rgba(124, 110, 180, 0.08);
  --profile-glow-gold: rgba(180, 120, 20, 0.08);
  --profile-shadow-deep: var(--ll-shadow);
  --profile-shadow-glow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-hero h1 {
  color: #1d1d1f;
  text-shadow: none;
  -webkit-text-fill-color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-hero__intro {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-unread-badge {
  color: #ffffff;
  background: var(--ll-active-grad);
  box-shadow: var(--ll-active-shadow);
}

/* Shared pearl cards */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card {
  border-color: var(--profile-glass-border);
  background: var(--profile-glass-bg);
  box-shadow: var(--profile-shadow-deep), var(--profile-shadow-glow);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-card::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card--history::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card--lessons::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-card::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card--duel::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim #profile-account-status-card::before {
  box-shadow: none;
  opacity: 0.85;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-card--accent-blue::before {
  background: linear-gradient(90deg, rgba(8, 126, 164, 0.55), rgba(0, 113, 227, 0.35), transparent 85%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-card--accent-violet::before {
  background: linear-gradient(90deg, rgba(124, 110, 180, 0.5), rgba(8, 126, 164, 0.28), transparent 85%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card--history::before {
  background: linear-gradient(90deg, rgba(8, 126, 164, 0.55), rgba(0, 113, 227, 0.35), transparent 88%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card--lessons::before {
  background: linear-gradient(90deg, rgba(22, 163, 112, 0.55), rgba(8, 126, 164, 0.35), transparent 88%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-card::before {
  background: linear-gradient(90deg, rgba(8, 126, 164, 0.5), rgba(124, 110, 180, 0.4), transparent 88%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card--duel::before {
  background: linear-gradient(90deg, rgba(124, 110, 180, 0.5), rgba(180, 120, 20, 0.4), transparent 88%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim #profile-account-status-card::before {
  background: linear-gradient(90deg, rgba(180, 120, 20, 0.55), rgba(8, 126, 164, 0.35), transparent 88%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-card::after,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card::after {
  background: radial-gradient(circle at 88% 12%, rgba(214, 236, 252, 0.35), transparent 62%);
  opacity: 0.7;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card__title {
  color: #1d1d1f;
  text-shadow: none;
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card__title::before {
  background: linear-gradient(180deg, #0071e3, #087ea4);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-account-status-card .profile-stat-card__title::before {
  background: linear-gradient(180deg, #b47814, #087ea4);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-card .profile-stat-card__title::before {
  background: linear-gradient(180deg, #087ea4, #7c6eb4);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card__desc,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card__loading,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-account-status-payment .profile-stat-card__loading {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-empty p {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-error {
  color: #b42318;
}

/* Identity / brand cards */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card {
  border-color: rgba(8, 126, 164, 0.22);
  background:
    radial-gradient(ellipse 86% 58% at 100% 0%, rgba(214, 236, 252, 0.35), transparent 72%),
    rgba(255, 255, 255, 0.94);
  box-shadow: var(--ll-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-brand-card {
  border-color: rgba(124, 110, 180, 0.22);
  box-shadow: var(--ll-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-header {
  border-bottom-color: rgba(15, 23, 42, 0.08);
  background: linear-gradient(90deg, rgba(214, 236, 252, 0.35), transparent 72%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-header::after {
  background: linear-gradient(90deg, rgba(0, 113, 227, 0.45), rgba(8, 126, 164, 0.2), transparent 85%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-avatar {
  border-color: rgba(0, 113, 227, 0.28);
  box-shadow:
    0 8px 20px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3C/svg%3E"),
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.85), transparent 55%),
    linear-gradient(145deg, #f4f8fc 0%, #e8eef5 100%);
  background-repeat: no-repeat;
  background-position: center, center, center;
  background-size: 26px 26px, auto, auto;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card .profile-card__title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-dl__row {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-dl__row dt {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-dl__row dd {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card .profile-dl__row--display {
  border-color: rgba(8, 126, 164, 0.22);
  background:
    linear-gradient(160deg, rgba(224, 242, 254, 0.75) 0%, rgba(255, 255, 255, 0.95) 70%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card .profile-dl__row--display dt {
  color: #087ea4;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card .profile-dl__row--display dd,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card #profile-display-name {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card .profile-dl__row--username,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card .profile-dl__row--email,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card .profile-dl__row--role {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-identity-card .profile-dl__row--role #profile-role-label {
  color: #0b4f6c;
  border-color: rgba(8, 126, 164, 0.28);
  background:
    linear-gradient(135deg, rgba(224, 242, 254, 0.95), rgba(255, 255, 255, 0.98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-brand-lockup {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-brand-lockup--tenant .profile-tenant-logo-wrap {
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-tenant-monogram {
  color: #0b4f6c;
  background: linear-gradient(145deg, rgba(224, 242, 254, 0.95), rgba(241, 245, 249, 0.98));
  border-color: rgba(8, 126, 164, 0.28);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-brand-name {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-brand-tagline {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-brand-kpi-zone {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-brand-kpi-zone__label {
  color: #64748b;
}

/* Stat / payment / lessons / duel panels */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card--placeholder {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.78);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim #profile-account-status-card {
  border-color: rgba(180, 120, 20, 0.28);
  box-shadow: var(--ll-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-placeholder-panel {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.92);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-placeholder-panel__text {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-panel,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric:nth-child(1) {
  border-color: rgba(180, 120, 20, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric:nth-child(2) {
  border-color: rgba(22, 163, 112, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric:nth-child(4) {
  border-color: rgba(8, 126, 164, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric--remaining {
  border-color: rgba(180, 120, 20, 0.35);
  background:
    linear-gradient(155deg, rgba(255, 247, 230, 0.95) 0%, rgba(254, 242, 242, 0.85) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric__label {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric__value {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric--remaining .profile-payment-metric__value,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-metric__value--remaining {
  color: #9a3412;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-footer {
  border-top-color: rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim #profile-payment-installment-active,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-status--active {
  color: #0f766e;
  border-color: rgba(22, 163, 112, 0.35);
  background:
    linear-gradient(135deg, rgba(209, 245, 230, 0.95) 0%, rgba(236, 253, 245, 0.98) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim #profile-payment-installment-inactive,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-status--inactive {
  color: #64748b;
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(241, 245, 249, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim #profile-payment-note,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-note {
  border-left-color: rgba(8, 126, 164, 0.45);
  background: rgba(224, 242, 254, 0.55);
  color: #334155;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim #profile-payment-empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-payment-empty {
  border-color: rgba(180, 120, 20, 0.28);
  background: rgba(255, 247, 230, 0.65);
  color: #64748b;
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-exam-summary li,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-summary__row,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-item,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-metric {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-exam-summary__key,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-summary__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-summary__count-label,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-meta,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-item__date,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-scope,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-hint,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-meta,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-metric__label {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-exam-summary__val,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-count,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-item__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-summary__count,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-points,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-duel-metric__value {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-summary__count--filled {
  color: #0f766e;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-summary__count--empty {
  color: #94a3b8;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-lesson-summary::-webkit-scrollbar-thumb,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-list::-webkit-scrollbar-thumb {
  background: rgba(0, 113, 227, 0.28);
}

/* Messages */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-card.profile-stat-card--live {
  border-color: rgba(8, 126, 164, 0.22);
  background: var(--profile-glass-bg);
  box-shadow: var(--ll-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item--clickable:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item--clickable:focus {
  border-color: rgba(0, 113, 227, 0.35);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 8px 20px rgba(0, 113, 227, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item--clickable:focus-visible {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 0 0 2px rgba(0, 113, 227, 0.35);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item--unread {
  border-left-color: #0071e3;
  border-color: rgba(0, 113, 227, 0.28);
  background:
    linear-gradient(135deg, rgba(224, 242, 254, 0.85) 0%, rgba(248, 250, 252, 0.96) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item__subject {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item__meta {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item__snippet {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item__action {
  color: #0071e3;
}

/* Message modal + soft-hide confirm */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__backdrop,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__backdrop {
  background: rgba(15, 23, 42, 0.42);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__dialog,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__card {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.97);
  color: #1d1d1f;
  box-shadow: var(--ll-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__eyebrow,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__eyebrow {
  color: #087ea4;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__subject {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__meta,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__description {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__close {
  color: #334155;
  background: rgba(241, 245, 249, 0.95);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__body,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__thread-toolbar,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-thread-timeline {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.95);
  color: #334155;
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-thread-bubble {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-thread-bubble--tenant {
  border-color: rgba(8, 126, 164, 0.28);
  background: linear-gradient(145deg, rgba(224, 242, 254, 0.9), rgba(255, 255, 255, 0.96));
  box-shadow: 0 8px 20px rgba(8, 126, 164, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-thread-bubble--student {
  border-color: rgba(124, 110, 180, 0.28);
  background: linear-gradient(145deg, rgba(237, 233, 254, 0.9), rgba(255, 255, 255, 0.96));
  box-shadow: 0 8px 20px rgba(124, 110, 180, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-thread-bubble__head {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-thread-bubble__head > span:first-child {
  color: #334155;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__icon {
  color: #b42318;
  border-color: rgba(180, 35, 24, 0.35);
  background: radial-gradient(circle at 28% 28%, rgba(254, 226, 226, 0.95), rgba(224, 242, 254, 0.55));
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__error {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__cancel {
  color: var(--ll-nav-pill-text);
  border: 1px solid var(--ll-nav-pill-border);
  background: var(--ll-nav-pill-bg);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__cancel:hover:not(:disabled) {
  border-color: var(--ll-nav-pill-border-hover);
  background: var(--ll-nav-pill-bg-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__cancel:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__confirm,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__hide-thread {
  color: #9f1239;
  border: 1px solid rgba(180, 35, 24, 0.35);
  background:
    linear-gradient(145deg, rgba(254, 226, 226, 0.95), rgba(255, 241, 242, 0.98));
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__confirm:hover:not(:disabled),
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__hide-thread:hover:not(:disabled) {
  border-color: rgba(180, 35, 24, 0.5);
  color: #881337;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-mailbox-soft-hide-confirm__confirm:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-message-modal__hide-thread:focus-visible {
  outline: 2px solid rgba(180, 35, 24, 0.45);
  outline-offset: 2px;
}

/* Destructive account delete card (overrides page inline dark styles under LL) */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-account-delete-card {
  border-color: rgba(180, 35, 24, 0.28);
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(254, 226, 226, 0.55), transparent 55%),
    rgba(255, 255, 255, 0.94);
  box-shadow: var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-account-delete-card__text {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-account-delete-card__link {
  color: #9f1239;
  border-color: rgba(180, 35, 24, 0.35);
  background:
    linear-gradient(145deg, rgba(254, 226, 226, 0.95), rgba(255, 241, 242, 0.98));
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-account-delete-card__link:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-account-delete-card__link:focus-visible {
  filter: none;
  border-color: rgba(180, 35, 24, 0.5);
  color: #881337;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-account-delete-card__link:focus-visible {
  outline: 2px solid rgba(180, 35, 24, 0.45);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card__badge {
  color: #475569;
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(241, 245, 249, 0.95);
  box-shadow: none;
}

@media (max-width: 640px) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-card,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-stat-card {
    border-radius: 16px;
  }
}

/* —— Batch 6: authenticated exam list + exam runner surfaces
   Scoped to page-exam-list / page-exam-runner under the hub theme root.
   Color/paint only — no display/visibility/pointer-events/[hidden] changes. —— */

/* —— Exam list —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-hub-hero h1,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list #exam-list-category-title {
  color: #1d1d1f;
  text-shadow: none;
  -webkit-text-fill-color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-hub-hero__intro {
  color: #475569;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-list-loading,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-list-empty {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.82);
  color: #475569;
  box-shadow: var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-list-empty p,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-list-loading p {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-list-error {
  border-color: rgba(180, 35, 24, 0.28);
  background: rgba(254, 242, 242, 0.92);
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-published-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(ellipse 88% 60% at 0% 0%, rgba(214, 236, 252, 0.28), transparent 70%),
    rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-published-card__title {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-published-card__status {
  color: #0f766e;
  border-color: rgba(22, 163, 112, 0.32);
  background: rgba(209, 245, 230, 0.55);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-published-card__desc {
  color: #334155;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-published-card__meta {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .btn-exam-solve {
  color: #ffffff;
  border: 1px solid var(--ll-active-border);
  background: var(--ll-active-grad);
  box-shadow: var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .btn-exam-solve:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .btn-exam-solve:focus-visible {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow: var(--ll-active-shadow-hover);
  transform: translateY(-1px);
  outline: 2px solid rgba(0, 113, 227, 0.45);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .btn-exam-soon {
  color: #64748b;
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(241, 245, 249, 0.95);
}

/* —— Exam runner shell / panels —— */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-loading {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.82);
  color: #475569;
  box-shadow: var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-loading p {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-error {
  border-color: rgba(180, 35, 24, 0.28);
  background: rgba(254, 242, 242, 0.92);
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-panel {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(ellipse 88% 58% at 0% 0%, rgba(214, 236, 252, 0.22), transparent 70%),
    rgba(255, 255, 255, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-intro__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-solving__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-result__title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-intro__category,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-intro__meta,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-intro__instruction {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-pre-ad {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.9);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-pre-ad__label {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-start {
  color: #ffffff;
  border: 1px solid var(--ll-active-border);
  background: var(--ll-active-grad);
  box-shadow: var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-start:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-start:focus-visible {
  color: #ffffff;
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow: var(--ll-active-shadow-hover);
  outline: 2px solid rgba(0, 113, 227, 0.45);
  outline-offset: 2px;
}

/* Timer / progress */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-timer {
  color: #1d1d1f;
  border-color: rgba(0, 113, 227, 0.35);
  background: rgba(239, 246, 255, 0.95);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-timer--warn {
  color: #9a3412;
  border-color: rgba(180, 120, 20, 0.4);
  background: rgba(255, 247, 230, 0.95);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-timer--danger {
  color: #9f1239;
  border-color: rgba(180, 35, 24, 0.4);
  background: rgba(254, 226, 226, 0.95);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-progress {
  color: #0071e3;
}

/* Question / media */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-question__text {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-media img {
  border-color: rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-media__fallback {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-video-facade {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(ellipse at 50% 40%, rgba(214, 236, 252, 0.45), transparent 55%),
    rgba(248, 250, 252, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-video-facade__btn {
  color: #1d1d1f;
  border-color: var(--ll-nav-pill-border);
  background: var(--ll-nav-pill-bg);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-video-facade__btn:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-video-facade__btn:focus-visible {
  border-color: var(--ll-nav-pill-border-hover);
  background: var(--ll-nav-pill-bg-hover);
  outline: 2px solid rgba(0, 113, 227, 0.45);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-video-facade__play {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-video-link {
  color: #0071e3;
}

/* Answer options — preserve state meaning */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option {
  color: #1d1d1f;
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option:hover {
  border-color: rgba(0, 113, 227, 0.28);
  background: rgba(239, 246, 255, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option--selected {
  color: #0b3d66;
  border-color: rgba(0, 113, 227, 0.55);
  background:
    linear-gradient(145deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 0 0 1px rgba(0, 113, 227, 0.18);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option--correct {
  color: #0f766e;
  border-color: rgba(22, 163, 112, 0.5);
  background:
    linear-gradient(145deg, rgba(209, 245, 230, 0.95), rgba(236, 253, 245, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 0 0 1px rgba(22, 163, 112, 0.12);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option--correct .exam-runner-option__key {
  color: #0d9488;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option--wrong {
  color: #9f1239;
  border-color: rgba(180, 35, 24, 0.45);
  background:
    linear-gradient(145deg, rgba(254, 226, 226, 0.95), rgba(255, 241, 242, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 0 0 1px rgba(180, 35, 24, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option--wrong .exam-runner-option__key {
  color: #be123c;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option--correct.exam-runner-option--locked:hover {
  border-color: rgba(22, 163, 112, 0.5);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option--wrong.exam-runner-option--locked:hover {
  border-color: rgba(180, 35, 24, 0.45);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-option__key {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-option-content__text {
  color: inherit;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-option-content__hint {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-option-media__fallback {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-answer-badge {
  color: #0f766e;
  border-color: rgba(22, 163, 112, 0.32);
  background: rgba(236, 253, 245, 0.95);
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-answer-badge strong {
  color: #0d9488;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-solve-explain {
  border-color: rgba(8, 126, 164, 0.22);
  background: rgba(224, 242, 254, 0.45);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-solve-explain__label {
  color: #087ea4;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-solve-explain__text {
  color: #334155;
}

/* Nav buttons */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-nav {
  color: var(--ll-nav-pill-text);
  border: 1px solid var(--ll-nav-pill-border);
  background: var(--ll-nav-pill-bg);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-nav:hover:not(:disabled),
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-nav:focus-visible:not(:disabled) {
  color: var(--ll-nav-pill-text-hover);
  border-color: var(--ll-nav-pill-border-hover);
  background: var(--ll-nav-pill-bg-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
  outline: 2px solid rgba(0, 113, 227, 0.45);
  outline-offset: 2px;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-nav:disabled {
  opacity: 0.45;
  color: #94a3b8;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-finish {
  color: #9a3412;
  border-color: rgba(180, 120, 20, 0.4);
  background:
    linear-gradient(145deg, rgba(255, 247, 230, 0.98), rgba(255, 251, 235, 0.98));
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-back {
  color: #ffffff;
  border: 1px solid var(--ll-active-border);
  background: var(--ll-active-grad);
  box-shadow: var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .btn-exam-back--secondary {
  color: var(--ll-nav-pill-text);
  border: 1px solid var(--ll-nav-pill-border);
  background: var(--ll-nav-pill-bg);
  box-shadow: var(--ll-nav-pill-shadow);
}

/* Result / review */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-result__expired-note {
  color: #9a3412;
  border-color: rgba(180, 120, 20, 0.35);
  background: rgba(255, 247, 230, 0.9);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-result__elapsed {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-stat {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-stat__label {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-stat--correct .exam-runner-stat__value {
  color: #0f766e;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-stat--wrong .exam-runner-stat__value {
  color: #b42318;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-stat--blank .exam-runner-stat__value {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-stat--pct .exam-runner-stat__value {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item--correct {
  border-color: rgba(22, 163, 112, 0.28);
  box-shadow: inset 3px 0 0 rgba(22, 163, 112, 0.65);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item--wrong {
  border-color: rgba(180, 35, 24, 0.28);
  box-shadow: inset 3px 0 0 rgba(180, 35, 24, 0.55);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item--blank {
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow: inset 3px 0 0 rgba(148, 163, 184, 0.55);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item__num {
  color: #0071e3;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-badge--correct {
  color: #0f766e;
  border-color: rgba(22, 163, 112, 0.32);
  background: rgba(209, 245, 230, 0.55);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-badge--wrong {
  color: #9f1239;
  border-color: rgba(180, 35, 24, 0.32);
  background: rgba(254, 226, 226, 0.65);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-badge--blank {
  color: #475569;
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(241, 245, 249, 0.95);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item__q {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-answer {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-answer--user {
  border-color: rgba(0, 113, 227, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-answer--correct {
  border-color: rgba(22, 163, 112, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-answer__label {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-answer__letter {
  color: #0071e3;
  background: rgba(239, 246, 255, 0.95);
  border-color: rgba(0, 113, 227, 0.28);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-answer__empty {
  color: #64748b;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item__explain {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(248, 250, 252, 0.92);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item__explain-label {
  color: #087ea4;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-review-item__explain-text {
  color: #334155;
}

/* Finish confirmation modal — paint only; do not touch [hidden]/display */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-finish-gate__backdrop {
  background: rgba(15, 23, 42, 0.42);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-finish-gate__dialog {
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: var(--ll-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-finish-gate__title {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-finish-gate__message {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-finish-gate__btn {
  color: var(--ll-nav-pill-text);
  border: 1px solid var(--ll-nav-pill-border);
  background: var(--ll-nav-pill-bg);
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-finish-gate__btn--confirm {
  color: #9a3412;
  border-color: rgba(180, 120, 20, 0.4);
  background:
    linear-gradient(145deg, rgba(255, 247, 230, 0.98), rgba(255, 251, 235, 0.98));
  box-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-finish-gate__btn:hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-finish-gate__btn:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.45);
  outline-offset: 2px;
}

@media (max-width: 640px) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .exam-published-card,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-runner .exam-runner-panel {
    border-radius: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--clickable:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--clickable:focus-visible,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--clickable:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--clickable:focus-visible,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber:not(.page-pratik-rehber-units):not(.page-pratik-rehber-read) .practical-hub-grid .practical-category-card--clickable:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber .practical-sign-group-card:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-video-dersler:not(.page-video-dersler-liste) .teacher-video-category-grid .teacher-video-category-card:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-post-card:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-forum .forum-new-post-btn:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .exam-hub-back a:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular:is(.page-dersler-read, .page-pratik-rehber-read) .lesson-image-trigger:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler-read .lesson-progress-panel__btn:hover:not(:disabled),
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-pratik-rehber-read .practical-reader-nav__btn:hover:not(:disabled),
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-profilim .profile-messages-item--clickable:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-exam-list .btn-exam-solve:hover {
    transform: none;
  }
}



/* —— Düello lobby (body.page-duello)
   Visual-only Liquid Light remapping. Does not alter [hidden]/display,
   presence, invite, or mode selection logic. —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-hub-hero .exam-hub-hero__intro {
  color: #475569;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-guest-cta {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow: var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-status-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-card,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invites-card {
  border: 1px solid rgba(15, 23, 42, 0.09);
  background:
    radial-gradient(ellipse 88% 60% at 8% 0%, rgba(214, 236, 252, 0.42), transparent 62%),
    radial-gradient(ellipse 70% 50% at 96% 100%, rgba(209, 245, 230, 0.28), transparent 58%),
    linear-gradient(168deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 250, 252, 0.88) 100%);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    var(--ll-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-card::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-status-card::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-card::before {
  background: linear-gradient(90deg, rgba(8, 126, 164, 0.55), rgba(0, 113, 227, 0.45), rgba(112, 158, 148, 0.5));
  opacity: 0.72;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-card::after,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-card::after,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invites-card::before {
  opacity: 0.28;
  background: radial-gradient(circle at 88% 12%, rgba(214, 236, 252, 0.55), transparent 58%);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-card__title,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-section__title {
  color: #1d1d1f;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-status-card__label {
  color: #087ea4;
  text-shadow: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-status-card__detail {
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-btn {
  border: 1px solid rgba(112, 158, 148, 0.38);
  background:
    radial-gradient(ellipse 92% 68% at 8% 0%, rgba(209, 245, 230, 0.4), transparent 70%),
    linear-gradient(178deg, #f8fcfb 0%, #eaf4f1 100%);
  color: #1d1d1f;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 4px 14px rgba(18, 48, 42, 0.06);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-btn:hover {
  border-color: rgba(86, 142, 132, 0.52);
  color: #0b0f14;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 8px 20px rgba(18, 48, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-btn--active {
  border-color: rgba(120, 190, 255, 0.55);
  color: #fff;
  background: var(--ll-active-grad);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    var(--ll-active-shadow);
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-btn[data-duel-mode="global"].duel-mode-btn--active,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-btn[data-duel-mode="publicGlobal"].duel-mode-btn--active {
  border-color: rgba(120, 190, 255, 0.55);
  background: var(--ll-active-grad);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    var(--ll-active-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-refresh-btn {
  border: 1px solid rgba(112, 158, 148, 0.42);
  background:
    radial-gradient(ellipse 92% 68% at 8% 0%, rgba(209, 245, 230, 0.48), transparent 70%),
    linear-gradient(178deg, #f6fcfa 0%, #e7f3ef 100%);
  color: #1d1d1f;
  box-shadow: var(--ll-nav-pill-shadow);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-refresh-btn:hover {
  border-color: rgba(86, 142, 132, 0.55);
  color: #0b0f14;
  background: var(--ll-nav-pill-bg-hover);
  box-shadow: var(--ll-nav-pill-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-card--mode-active {
  border-color: rgba(0, 113, 227, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 32px rgba(0, 113, 227, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-card--global.duel-online-card--mode-active {
  border-color: rgba(8, 126, 164, 0.3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 32px rgba(8, 126, 164, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-error {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.72);
  color: #475569;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-error {
  color: #9a6700;
  border-color: rgba(180, 130, 20, 0.22);
  background: rgba(255, 249, 230, 0.85);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-item {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 4px 14px rgba(15, 23, 42, 0.04);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-item__name {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-item__meta {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-item--self {
  border-color: rgba(0, 113, 227, 0.28);
  background:
    radial-gradient(ellipse 90% 70% at 0% 0%, rgba(214, 236, 252, 0.55), transparent 60%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(240, 248, 255, 0.88));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 6px 18px rgba(0, 113, 227, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-self-badge {
  border-color: rgba(0, 113, 227, 0.35);
  background: rgba(0, 113, 227, 0.08);
  color: #0064d1;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-self-status {
  border-color: rgba(34, 160, 90, 0.35);
  background: rgba(34, 197, 94, 0.1);
  color: #0f7a3a;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-invite-btn {
  border: 1px solid rgba(120, 190, 255, 0.5);
  background: var(--ll-active-grad);
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 6px 16px rgba(0, 113, 227, 0.22);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-invite-btn:hover:not(:disabled) {
  background: var(--ll-active-grad-hover);
  border-color: var(--ll-active-border-hover);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    var(--ll-active-shadow-hover);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-invite-btn:disabled {
  opacity: 0.58;
  color: rgba(255, 255, 255, 0.88);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-phase-note {
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #475569;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  text-align: left;
  font-size: 0.88rem;
  line-height: 1.45;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-card__hint,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invites-loading,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invites-empty,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invites-feedback:not(.duel-invites-feedback--error) {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invites-error,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invites-feedback--error {
  color: #9a6700;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invite-item {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invite-item__name {
  color: #1d1d1f;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invite-item__meta {
  color: #6e6e73;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invite-reject {
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.85);
  color: #475569;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invite-reject:hover:not(:disabled) {
  border-color: rgba(15, 23, 42, 0.18);
  color: #1d1d1f;
  background: #fff;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-invite-accept-disabled {
  border: 1px solid rgba(120, 190, 255, 0.35);
  background: rgba(0, 113, 227, 0.08);
  color: #0064d1;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-mode-btn:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-refresh-btn:focus-visible,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-duello .duel-online-invite-btn:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

/* —— Çıkmış sorular premium cover cards (hub index only)
   Visual-only under Liquid Light. Preserves article + hub JS click architecture. —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 28px rgba(15, 23, 42, 0.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover::after {
  content: none;
  display: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover .exam-category-card__cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  vertical-align: top;
  border-radius: inherit;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover:not(.exam-category-card--clickable) {
  cursor: default;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 6px 20px rgba(15, 23, 42, 0.05);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover:not(.exam-category-card--clickable):hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover:not(.exam-category-card--clickable):focus-visible {
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover.exam-category-card--clickable:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 34px rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover.exam-category-card--clickable:active {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 8px 22px rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover.exam-category-card--clickable:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

/* Hide duplicate active CTA — artwork already contains “Sınavları Gör”. */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover .exam-category-badge--active {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  box-shadow: none;
}

/* Dynamic status overlay for guest / loading / empty / error. */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover .exam-category-badge:not(.exam-category-badge--active) {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  max-width: calc(100% - 20px);
  margin: 0;
  padding: 5px 10px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-transform: none;
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 4px 14px rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover .exam-category-badge--guest {
  color: #7c5a1e;
  border: 1px solid rgba(196, 165, 116, 0.42);
  background: rgba(255, 248, 230, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover .exam-category-badge--empty {
  color: #475569;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(248, 250, 252, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover .exam-category-badge:not(.exam-category-badge--active):not(.exam-category-badge--guest):not(.exam-category-badge--empty) {
  color: #334155;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.94);
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover.exam-category-card--clickable:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular .exam-category-grid .exam-category-card--cover.exam-category-card--clickable:active {
    transform: none;
  }
}

/* —— Dersler premium cover cards (hub index only)
   Visual-only under Liquid Light. Preserves article + hub JS click architecture. —— */

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  background: transparent;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 28px rgba(15, 23, 42, 0.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover::before,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover::after {
  content: none;
  display: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover .lesson-book-card__cover {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  vertical-align: top;
  border-radius: inherit;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover:not(.lesson-book-card--clickable) {
  cursor: default;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 6px 20px rgba(15, 23, 42, 0.05);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover:not(.lesson-book-card--clickable):hover,
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover:not(.lesson-book-card--clickable):focus-visible {
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover.lesson-book-card--clickable:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 34px rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover.lesson-book-card--clickable:active {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 8px 22px rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover.lesson-book-card--clickable:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

/* Hide duplicate active CTA — artwork already contains “Üniteleri Gör”. */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover .lesson-book-card__badge--active {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  box-shadow: none;
}

/* Dynamic status overlay for guest / loading / empty. */
html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover .lesson-book-card__badge:not(.lesson-book-card__badge--active) {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  max-width: calc(100% - 20px);
  margin: 0;
  padding: 5px 10px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-transform: none;
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 4px 14px rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover .lesson-book-card__badge--guest {
  color: #7c5a1e;
  border: 1px solid rgba(196, 165, 116, 0.42);
  background: rgba(255, 248, 230, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover .lesson-book-card__badge--empty {
  color: #475569;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: rgba(248, 250, 252, 0.96);
}

html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover .lesson-book-card__badge:not(.lesson-book-card__badge--active):not(.lesson-book-card__badge--guest):not(.lesson-book-card__badge--empty) {
  color: #334155;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.94);
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover.lesson-book-card--clickable:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover.lesson-book-card--clickable:active {
    transform: none;
  }
}

/* —— Homepage premium cover cards (storefront vitrin)
   Visual-only under Liquid Light. Preserves article gate + native anchor architecture. —— */

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0;
  gap: 0;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 10px 28px rgba(15, 23, 42, 0.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-visual {
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
  margin: 0;
  gap: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #f8fafc;
  border: none;
  box-shadow: none;
  line-height: 0;
  font-size: 0;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-visual::before,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-visual::after,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover[data-module-key] .module-card-visual::before,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover[data-module-key] .module-card-visual::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-cover {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: center center;
  vertical-align: top;
  border-radius: inherit;
  background-color: #f8fafc;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  line-height: normal;
  font-size: initial;
}

/* SR-only: defeat legacy title/body/status layout — zero visual footprint, no glyph peek. */
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-visual-title .module-card-title,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-body,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-body p,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .content-module-status,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .content-module-status--accent {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  display: block !important;
  flex: none !important;
  order: unset !important;
  font-size: 1px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  opacity: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover:hover .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover:hover .module-card-visual-title .module-card-title {
  text-shadow: none !important;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover .module-card-body {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 34px rgba(15, 23, 42, 0.1);
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover:active {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 8px 22px rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover.content-module-card--gated:focus-visible,
html[data-sa-theme="liquid-light"] body.page-landing.page-home a.content-module-card--cover:focus-visible {
  outline: 2px solid rgba(0, 113, 227, 0.55);
  outline-offset: 3px;
}

html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover:hover .module-card-cover {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover:hover,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-card--cover:active {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover.lesson-book-card--clickable:hover,
  html[data-sa-theme="liquid-light"] body.page-cikmis-sorular.page-dersler .lesson-book-grid .lesson-book-card--cover.lesson-book-card--clickable:active {
    transform: none;
  }
}

/* —— Authenticated app/home premium covers
   Visual-only. JS-generated --app cards keep click/route/header architecture.
   Public homepage --cover rules above are untouched. —— */

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key="exams"] .module-card-visual {
  --module-cover-image: url("../images/home/exams.webp");
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key="lessons"] .module-card-visual {
  --module-cover-image: url("../images/home/books.webp");
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key="videos"] .module-card-visual {
  --module-cover-image: url("../images/home/videos.webp");
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key="practical"] .module-card-visual {
  --module-cover-image: url("../images/home/practical.webp");
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key="duel"] .module-card-visual {
  --module-cover-image: url("../images/home/duel.webp");
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key="forum"] .module-card-visual {
  --module-cover-image: url("../images/home/forum.webp");
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key="leagues"] .module-card-visual {
  --module-cover-image: url("../images/home/leagues.webp");
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key="profile"] .module-card-visual {
  --module-cover-image: url("../images/home/profile.webp");
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0;
  gap: 0;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 10px 28px rgba(15, 23, 42, 0.07);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key]:hover {
  transform: translateY(-2px);
  border-color: rgba(15, 23, 42, 0.1);
  background: #f8fafc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 34px rgba(15, 23, 42, 0.1);
  filter: none;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key]:active {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 8px 22px rgba(15, 23, 42, 0.08);
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .module-card-visual {
  display: block;
  position: relative;
  min-height: 0;
  height: auto;
  padding: 0;
  margin: 0;
  gap: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #f8fafc;
  border: none;
  box-shadow: none;
  line-height: 0;
  font-size: 0;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .module-card-visual::before {
  content: none !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .module-card-visual::after {
  content: "";
  display: block;
  position: relative;
  order: unset;
  flex: none;
  width: 100%;
  min-height: 0;
  height: auto;
  margin: 0;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: inherit;
  box-shadow: none;
  background-color: #f8fafc;
  background-image: var(--module-cover-image);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: none;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key]:hover .module-card-visual::after {
  transform: none;
  box-shadow: none;
  border-color: transparent;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .module-card-visual-title .module-card-title,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .module-card-visual-title .module-card-emoji,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .module-card-body,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .module-card-body p,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .content-module-status,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key] .content-module-status--accent {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  display: block !important;
  flex: none !important;
  order: unset !important;
  font-size: 1px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  opacity: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
}

html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key]:hover .module-card-visual-title,
html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key]:hover .module-card-visual-title .module-card-title {
  text-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key]:hover,
  html[data-sa-theme="liquid-light"] body.page-app .content-module-card--app[data-module-key]:active {
    transform: none;
  }
}

/* İş Makineleri authenticated home: 16:9 WebP artwork cards */
html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid {
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width: 641px) {
  html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module],
html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module]:last-child {
  position: relative;
  display: block;
  grid-column: auto;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  aspect-ratio: 16 / 9;
  min-height: 0;
  height: auto;
  padding: 0;
  overflow: hidden;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.22);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  text-decoration: none;
  color: inherit;
  isolation: isolate;
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module]::before {
  content: none;
  display: none;
  opacity: 0;
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module]::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
  border-radius: inherit;
  background-color: #f8fafc;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: none;
  filter: none;
  mix-blend-mode: normal;
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module="dersler"]::after {
  background-image: url("../images/is-makineleri/dersler.webp");
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module="videolar"]::after {
  background-image: url("../images/is-makineleri/video-dersler.webp");
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module="sinavlar"]::after {
  background-image: url("../images/is-makineleri/deneme-sinavlari.webp");
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module="profilim"]::after {
  background-image: url("../images/is-makineleri/profilim.webp");
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module] .machine-web-module-card__title,
html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module] .machine-web-module-card__desc,
html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module] .machine-web-module-card__cta {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module]:hover {
  transform: translateY(-2px);
  background: #f8fafc;
  border-color: rgba(148, 163, 184, 0.3);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.1);
}

html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module]:focus-visible {
  outline: 2px solid #007aff;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-sa-theme="liquid-light"] body.page-machine-web.page-machine-home .machine-web-module-grid .machine-web-module-card[data-module]:hover {
    transform: none;
  }
}

/* =============================================================================
   Fluid desktop/laptop scale + hamburger only on true phone (narrow + coarse).
   ============================================================================= */
@media (min-width: 768px), (pointer: fine) {
  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-button,
  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-panel {
    display: none !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-inner--landing,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-inner--landing.header-inner--public {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) var(--sa-brand-balance-width, clamp(0px, 1.2vw, 20px));
    align-items: center;
  }

  html[data-sa-theme="liquid-light"] body.page-landing.page-home .content-module-grid,
  html[data-sa-theme="liquid-light"] body.page-landing.page-home .section-modules .content-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-navband {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    width: max-content;
    min-width: 0;
    justify-content: center;
    overflow: visible;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .site-header--landing,
  html[data-sa-theme="liquid-light"] body.page-landing .site-header--landing .header-inner {
    overflow: visible;
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) and (pointer: coarse) {
  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-infonav,
  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .header-landing-infonav,
  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-infonav__link,
  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-infonav__item {
    display: none !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: max(14px, env(safe-area-inset-top, 0px));
    left: max(12px, env(safe-area-inset-left, 0px));
    z-index: 10000;
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    max-width: 48px;
    max-height: 48px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: auto;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-button__face {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    margin: 0;
    padding: 0;
    border-radius: 11px;
    box-sizing: border-box;
    pointer-events: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-button__icon {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    fill: none;
    stroke-width: 2.25;
    stroke-linecap: round;
    overflow: visible;
    pointer-events: none;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-panel {
    display: none;
    flex-direction: column;
    position: fixed;
    top: calc(max(14px, env(safe-area-inset-top, 0px)) + 52px);
    left: max(12px, env(safe-area-inset-left, 0px));
    z-index: 10001;
    width: 210px;
    max-width: calc(100vw - 24px);
    margin: 0;
    padding: 8px 0;
    border-radius: 14px;
    box-sizing: border-box;
    pointer-events: auto;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-panel__item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 10px 16px;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.3;
    box-sizing: border-box;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-panel.is-open {
    display: flex !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .public-mobile-menu-panel[hidden] {
    display: none !important;
  }
}

@media (min-width: 768px), (pointer: fine) {
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-navband {
    flex-wrap: nowrap !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-landing-infonav__link,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-login,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-register {
    flex: 0 0 var(--sa-std-pill-w) !important;
    width: var(--sa-std-pill-w) !important;
    min-width: var(--sa-std-pill-w) !important;
    max-width: var(--sa-std-pill-w) !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .header-public-actions--account .btn-public-course {
    flex: 0 0 var(--sa-course-login-width) !important;
    width: var(--sa-course-login-width) !important;
    min-width: var(--sa-course-login-width) !important;
    max-width: var(--sa-course-login-width) !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing .header-landing-navband .sa-exam-results-cta {
    flex: 0 1 auto !important;
    width: var(--sa-exam-results-width) !important;
    min-width: 0 !important;
    max-width: var(--sa-exam-results-width) !important;
    grid-column: auto !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .header-landing-navband .home-top-cta-band {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
  }

  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing).academy-join-ctas-visible .header-landing-navband .home-top-cta-band .modules-top-cta.sa-academy-join-cta {
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    position: static !important;
    left: auto !important;
  }

  /* Keep one-row LL header: never re-enable hamburger when the dock stays inline. */
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-button,
  html[data-sa-theme="liquid-light"] body.page-landing:is(.page-home, .page-hakkimizda, .page-hizmetlerimiz, .page-contact, .page-institution-application, .page-public-login, .page-public-register, .page-panel-public, .page-app-login, .page-legal-doc, .page-public-module-landing) .public-mobile-menu-panel {
    display: none !important;
  }

  /* PATCH 5: greeting width/overflow authority lives in the single rule above (§602-651); no duplicate rule here. */
}