/*
Theme Name: Tantawy System UI
Theme URI: https://mahmoud.tantawy.net/
Author: Mahmoud Al-Tantawy
Author URI: https://mahmoud.tantawy.net/
Description: Mobile-first semantic front-end interface for نظام منصة الطنطاوي التعليمية, prepared for future plugin integration.
Version: 3.0.28
Text Domain: tantawy-system-ui
*/

:root {
  --primary: #2B7F9D;
  --primary-light: #3594B4;
  --primary-dark: #1F6D84;
  --gold: #DBA426;
  --gold-soft: #D0A332;
  --white: #FFFFFF;
  --background: #F5F7FB;
  --ink: #12263A;
  --text: #304157;
  --muted: #6D7C90;
  --line: rgba(43, 127, 157, .14);
  --soft-blue: #EAF6FB;
  --soft-gold: #FFF6DE;
  --shadow: 0 24px 70px rgba(31, 109, 132, .13);
  --shadow-soft: 0 14px 36px rgba(31, 109, 132, .10);
  --radius: 24px;
  --radius-lg: 42px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { direction: rtl; scroll-behavior: smooth; scroll-padding-top: 108px; }
body {
  direction: rtl;
  text-align: right;
  font-family: "Tajawal", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--background);
  color: var(--text);
  line-height: 1.85;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -5;
  background: url('assets/images/bg-pattern.webp') center top / cover no-repeat;
  opacity: .20;
  pointer-events: none;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
ul { list-style: none; }
button, input, textarea { font-family: inherit; }

.tnt-container { width: min(1200px, calc(100% - 34px)); margin-inline: auto; }
.tnt-main { overflow: hidden; }

.tnt-preloader {
  position: fixed;
  inset: 0;
  z-index: 100001;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at center, rgba(255,255,255,.96), rgba(245,247,251,.98));
  transition: opacity .45s ease, visibility .45s ease;
}
.tnt-preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.tnt-preloader-card {
  display: grid;
  place-items: center;
  gap: 12px;
  padding: 26px 34px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(43,127,157,.12);
  box-shadow: var(--shadow);
  color: var(--primary-dark);
  font-family: "Cairo", sans-serif;
  font-weight: 900;
}
.tnt-preloader-card i { color: var(--gold); font-size: 42px; animation: tntPulse 1.2s infinite ease-in-out; }

.tnt-reading-progress {
  position: fixed;
  inset: 0 0 auto 0;
  height: 4px;
  background: rgba(255, 255, 255, .45);
  z-index: 100000;
}
.admin-bar .tnt-reading-progress { top: 32px; }
.tnt-reading-progress-bar {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--gold), #F4CF72, var(--primary-light));
  box-shadow: 0 0 18px rgba(219, 164, 38, .42);
}

.tnt-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, .90);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(43, 127, 157, .12);
  box-shadow: 0 12px 34px rgba(31, 109, 132, .07);
  transform: translateY(0);
  transition: transform .28s ease, box-shadow .28s ease, background .28s ease;
}
.tnt-header.is-hidden { transform: translateY(calc(-100% - 10px)); }
.tnt-header.is-scrolled { background: rgba(255,255,255,.96); box-shadow: 0 18px 45px rgba(31,109,132,.11); }
.admin-bar .tnt-header { top: 32px; }
.tnt-navbar {
  min-height: 84px;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}
.tnt-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.tnt-logo {
  width: 62px;
  height: 62px;
  object-fit: contain;
  background: var(--white);
  border-radius: 18px;
  padding: 6px;
  box-shadow: 0 12px 28px rgba(31, 109, 132, .10);
  flex: 0 0 auto;
}
.tnt-brand-text { min-width: 0; }
.tnt-brand-text b {
  display: block;
  font-family: "Cairo", sans-serif;
  color: var(--primary-dark);
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
  white-space: nowrap;
}
.tnt-brand-text small {
  display: block;
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
  margin-top: 1px;
  white-space: nowrap;
}
.tnt-menu { display: flex; align-items: center; justify-content: center; gap: 3px; flex-wrap: wrap; }
.tnt-menu a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  padding: 8px 10px;
  border-radius: 999px;
  color: var(--ink);
  font-family: "Cairo", sans-serif;
  font-size: 12.5px;
  font-weight: 800;
  transition: .22s ease;
  white-space: nowrap;
}
.tnt-menu a:hover,
.tnt-menu a:focus-visible { color: var(--primary-dark); background: rgba(43, 127, 157, .09); transform: translateY(-1px); }
.tnt-login-btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 17px;
  border-radius: 999px;
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  color: #fff;
  background: linear-gradient(135deg, var(--gold), #F1C766);
  box-shadow: 0 14px 28px rgba(219, 164, 38, .28);
  white-space: nowrap;
}
.tnt-mobile-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 15px;
  background: var(--primary);
  color: var(--white);
  font-size: 18px;
}

.tnt-btn {
  min-height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 16px;
  padding: 14px 24px;
  border: 1px solid transparent;
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  font-size: 15px;
  cursor: pointer;
  transition: .24s ease;
  white-space: nowrap;
}
.tnt-btn-lg { min-height: 62px; padding: 16px 26px; font-size: 16px; border-radius: 18px; }
.tnt-btn:hover { transform: translateY(-3px); }
.tnt-btn-gold { color: #fff; background: linear-gradient(135deg, var(--gold), #F2C766); box-shadow: 0 18px 34px rgba(219, 164, 38, .30); }
.tnt-btn-blue { color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); box-shadow: 0 18px 34px rgba(43, 127, 157, .26); }
.tnt-btn-outline { color: var(--primary-dark); background: rgba(255, 255, 255, .72); border-color: rgba(43, 127, 157, .30); box-shadow: 0 12px 28px rgba(31, 109, 132, .08); }

.tnt-hero {
  position: relative;
  isolation: isolate;
  min-height: calc(100svh - 84px);
  padding: 62px 0 46px;
  display: flex;
  align-items: center;
}
.tnt-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.72) 44%, rgba(255,255,255,.80) 100%),
    url('assets/images/islamic-bg-desktop.webp') center / cover no-repeat,
    linear-gradient(135deg, #F6FBFE 0%, #E9F6FB 45%, #F8FBFC 100%);
}
.tnt-hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(219, 164, 38, .18), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(43, 127, 157, .18), transparent 26%);
  pointer-events: none;
}
.tnt-hero-bg::after {
  content: "";
  position: absolute;
  inset: auto -10% -1px -10%;
  height: 140px;
  background: radial-gradient(65% 90% at 50% 100%, #fff 0%, #fff 48%, rgba(255,255,255,0) 49%);
}
.tnt-hero-layout {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
}
.tnt-hero-art { position: relative; min-height: 540px; display: grid; place-items: center; }
.tnt-arch-frame {
  position: relative;
  width: min(100%, 520px);
  min-height: 505px;
  display: grid;
  place-items: end center;
  padding: 34px 34px 0;
  border-radius: 48% 48% 40px 40px / 30% 30% 40px 40px;
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.95), rgba(255,255,255,.64) 56%, rgba(255,255,255,.30)),
    linear-gradient(160deg, rgba(43,127,157,.12), rgba(219,164,38,.08));
  border: 1px solid rgba(43, 127, 157, .16);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.tnt-arch-frame::before {
  content: "";
  position: absolute;
  inset: 18px 18px auto 18px;
  height: 346px;
  border: 7px solid rgba(219, 164, 38, .72);
  border-bottom: 0;
  border-radius: 48% 48% 0 0 / 36% 36% 0 0;
  opacity: .72;
}
.tnt-arch-frame::after {
  content: "";
  position: absolute;
  left: -50px;
  right: -50px;
  bottom: -64px;
  height: 160px;
  border-radius: 50%;
  background: rgba(43, 127, 157, .10);
}
.tnt-arch-frame img {
  position: relative;
  z-index: 2;
  width: min(92%, 415px);
  max-height: 490px;
  object-fit: contain;
  filter: drop-shadow(0 30px 28px rgba(31, 109, 132, .18));
}
.tnt-float {
  position: absolute;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 16px;
  background: rgba(255,255,255,.90);
  color: var(--primary-dark);
  border: 1px solid rgba(43,127,157,.13);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  font-size: 13px;
}
.tnt-float i { color: var(--gold); }
.tnt-float-1 { top: 86px; right: 0; }
.tnt-float-2 { bottom: 90px; left: 0; }
.tnt-hero-copy { max-width: 680px; }
.tnt-eyebrow,
.tnt-section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 15px;
  border-radius: 999px;
  color: #9A711B;
  background: rgba(219, 164, 38, .12);
  border: 1px solid rgba(219, 164, 38, .22);
  font-family: "Cairo", sans-serif;
  font-size: 13px;
  font-weight: 900;
}
.tnt-hero h1 {
  margin: 16px 0 14px;
  font-family: "Cairo", sans-serif;
  font-size: clamp(44px, 6vw, 86px);
  line-height: 1.08;
  letter-spacing: -1.6px;
  color: var(--primary-dark);
}
.tnt-hero h1 span { color: var(--gold); }
.tnt-hero-text {
  max-width: 660px;
  font-size: clamp(17px, 1.55vw, 20px);
  color: #485B72;
  line-height: 1.9;
}
.tnt-stat-row {
  max-width: 560px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 24px;
}
.tnt-stat-row div {
  min-height: 86px;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 12px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(43,127,157,.14);
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(31,109,132,.07);
}
.tnt-stat-row b { color: var(--gold); font-family: "Cairo", sans-serif; font-size: 25px; line-height: 1; }
.tnt-stat-row span { color: var(--muted); font-size: 13px; font-weight: 800; }
.tnt-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.tnt-feature-strip { padding: 0 0 36px; background: #fff; }
.tnt-strip-grid {
  margin-top: -25px;
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding: 18px;
  border-radius: 28px;
  background: rgba(255,255,255,.90);
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(43,127,157,.12);
}
.tnt-strip-grid article {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 15px 10px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(245,247,251,.7), rgba(255,255,255,.9));
}
.tnt-strip-grid i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 15px; background: rgba(43,127,157,.10); color: var(--primary); font-size: 20px; margin-bottom: 8px; }
.tnt-strip-grid b { font-family: "Cairo", sans-serif; color: var(--primary-dark); font-size: 15px; }
.tnt-strip-grid span { color: var(--muted); font-size: 13px; }

.tnt-section { position: relative; padding: 86px 0; }
.tnt-section:nth-of-type(odd) { background: #fff; }
.tnt-section-head { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.tnt-section-head h2,
.tnt-about-copy h2,
.tnt-teacher-layout h2,
.tnt-contact-card h2 {
  font-family: "Cairo", sans-serif;
  color: var(--primary-dark);
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.25;
  margin: 12px 0 12px;
  letter-spacing: -1px;
}
.tnt-section-head p,
.tnt-about-copy p,
.tnt-teacher-layout p,
.tnt-contact-card p { color: var(--muted); font-size: 17px; line-height: 2; }

.tnt-about-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 44px; align-items: center; }
.tnt-about-points { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.tnt-about-points span { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border-radius: 999px; background: rgba(43,127,157,.08); color: var(--primary-dark); font-weight: 800; }
.tnt-about-points i { color: var(--gold); }
.tnt-about-copy blockquote {
  margin-top: 22px;
  border: 1px solid rgba(219,164,38,.22);
  background: linear-gradient(135deg, rgba(255,246,222,.88), rgba(255,255,255,.88));
  border-radius: 24px;
  padding: 22px;
  color: #72561b;
  box-shadow: var(--shadow-soft);
}
.tnt-about-copy blockquote i { color: var(--gold); margin-left: 7px; }
.tnt-about-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 480px;
  border-radius: 34px;
  background: radial-gradient(circle at 50% 35%, rgba(219,164,38,.11), transparent 34%), linear-gradient(180deg, rgba(234,246,251,.85), rgba(255,255,255,.95));
  border: 1px solid rgba(43,127,157,.12);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
}
.tnt-about-visual::before {
  content: "";
  position: absolute;
  inset: 22px;
  border-radius: 50% 50% 26px 26px / 36% 36% 26px 26px;
  border: 4px solid rgba(219,164,38,.32);
  border-bottom: 0;
}
.tnt-about-visual img { position: relative; z-index: 2; width: min(88%, 430px); filter: drop-shadow(0 28px 30px rgba(31,109,132,.15)); }
.tnt-service-grid { margin-top: 38px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.tnt-service-grid article {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(43,127,157,.12);
  border-radius: 24px;
  padding: 20px 14px;
  text-align: center;
  box-shadow: 0 12px 30px rgba(31,109,132,.07);
  transition: .25s ease;
}
.tnt-service-grid article:hover { transform: translateY(-5px); box-shadow: var(--shadow-soft); }
.tnt-service-grid img { width: 78px; height: 78px; object-fit: contain; margin: 0 auto 12px; }
.tnt-service-grid h3 { color: var(--primary-dark); font-family: "Cairo", sans-serif; font-size: 16px; margin-bottom: 5px; }
.tnt-service-grid p { color: var(--muted); font-size: 13px; line-height: 1.7; }

.tnt-best-packages { background: linear-gradient(180deg, #fff, #F7FBFE); }
.tnt-best-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.tnt-best-card {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  padding: 30px;
  border-radius: 30px;
  border: 1px solid rgba(43,127,157,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,251,254,.96));
  box-shadow: var(--shadow-soft);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.tnt-best-card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.tnt-best-card.is-featured { border-color: rgba(219,164,38,.55); box-shadow: 0 26px 70px rgba(219,164,38,.16); }
.tnt-best-card::after { content: ""; position: absolute; width: 160px; height: 160px; border-radius: 50%; background: rgba(43,127,157,.07); left: -60px; bottom: -60px; }
.tnt-mini-badge { display: inline-flex; padding: 8px 13px; border-radius: 999px; background: rgba(43,127,157,.09); color: var(--primary-dark); font-family: "Cairo", sans-serif; font-weight: 900; font-size: 13px; }
.tnt-best-card h3 { font-family: "Cairo", sans-serif; color: var(--primary-dark); font-size: 25px; margin: 18px 0 5px; }
.tnt-best-card strong { display: block; color: var(--gold); font-family: "Cairo", sans-serif; font-size: 44px; line-height: 1.1; margin-bottom: 12px; }
.tnt-best-card p { color: var(--muted); line-height: 1.9; margin-bottom: 20px; }
.tnt-best-card a { position: relative; z-index: 1; display: inline-flex; width: 100%; min-height: 52px; align-items: center; justify-content: center; gap: 8px; color: #fff; border-radius: 16px; font-family: "Cairo", sans-serif; font-weight: 900; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); }
.tnt-best-card.is-featured a { background: linear-gradient(135deg, var(--gold), #F1C766); }

.tnt-verse-section { padding: 0 0 28px; background: #F7FBFE; }
.tnt-verse-card { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; padding: 22px 24px; border-radius: 28px; border: 1px solid rgba(219,164,38,.22); background: linear-gradient(135deg, rgba(255,246,222,.88), rgba(255,255,255,.96)); box-shadow: var(--shadow-soft); }
.tnt-verse-icon { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 22px; color: #fff; background: linear-gradient(135deg, var(--gold), #F0C56A); font-size: 25px; }
.tnt-verse-card span { font-family: "Cairo", sans-serif; color: #9A711B; font-weight: 900; }
.tnt-verse-card p { font-family: "Cairo", sans-serif; color: var(--primary-dark); font-weight: 900; font-size: clamp(20px, 3vw, 30px); line-height: 1.8; margin: 2px 0; }
.tnt-verse-card small { color: var(--muted); font-weight: 800; }

.tnt-pricing { background: linear-gradient(180deg, #F7FBFE, #FFFFFF); }
.tnt-tabs { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 26px; }
.tnt-tab {
  border: 1px solid rgba(43,127,157,.16);
  background: rgba(255,255,255,.82);
  color: var(--primary-dark);
  border-radius: 999px;
  padding: 12px 20px;
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(31,109,132,.06);
  transition: .24s ease;
}
.tnt-tab:hover, .tnt-tab.is-active { color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); border-color: transparent; }
.tnt-tab-panel { display: none; }
.tnt-tab-panel.is-active { display: block; animation: tntFadeUp .35s ease; }
.tnt-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.tnt-price-card {
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(43,127,157,.14);
  border-radius: 28px;
  padding: 26px;
  box-shadow: 0 14px 36px rgba(31,109,132,.08);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  min-height: 390px;
  display: flex;
  flex-direction: column;
}
.tnt-price-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 10% 0, rgba(219,164,38,.10), transparent 36%); pointer-events: none; }
.tnt-price-card:hover { transform: translateY(-8px); box-shadow: var(--shadow); }
.tnt-price-card.is-featured { border-color: rgba(219,164,38,.55); transform: translateY(-6px); box-shadow: 0 24px 60px rgba(219,164,38,.16); }
.tnt-ribbon { position: absolute; top: 14px; left: 18px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-width: 118px; padding: 6px 12px; border-radius: 999px; background: linear-gradient(135deg, var(--gold), #F1C766); color: #fff; font-family: "Cairo", sans-serif; font-size: 12px; font-weight: 900; box-shadow: 0 10px 20px rgba(219,164,38,.22); }
.tnt-plan-icon { width: 58px; height: 58px; border-radius: 20px; display: grid; place-items: center; margin-bottom: 16px; color: var(--primary); background: rgba(43,127,157,.09); font-size: 24px; }
.tnt-price-card h3 { color: var(--primary-dark); font-family: "Cairo", sans-serif; font-size: 23px; }
.tnt-price-card strong { display: block; color: var(--primary-dark); font-family: "Cairo", sans-serif; font-size: 42px; line-height: 1.2; margin: 10px 0 4px; }
.tnt-price-card p { color: var(--gold); font-weight: 800; margin-bottom: 14px; }
.tnt-price-card ul { flex: 1; }
.tnt-price-card li { display: flex; align-items: start; gap: 9px; color: var(--muted); margin: 8px 0; font-size: 14px; }
.tnt-price-card li i { color: var(--gold); margin-top: 8px; }
.tnt-price-card a { margin-top: 18px; display: inline-flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; border-radius: 14px; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: #fff; font-family: "Cairo", sans-serif; font-weight: 900; }
.tnt-price-card.is-featured a { background: linear-gradient(135deg, var(--gold), #F2C766); }

.tnt-student-guide { background: #fff; }
.tnt-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; position: relative; }
.tnt-steps article { position: relative; background: rgba(255,255,255,.94); border: 1px solid rgba(43,127,157,.12); border-radius: 26px; padding: 28px 18px; text-align: center; box-shadow: var(--shadow-soft); }
.tnt-steps span { position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--gold); color: #fff; font-family: "Cairo", sans-serif; font-weight: 900; }
.tnt-steps i { width: 70px; height: 70px; display: grid; place-items: center; margin: 0 auto 14px; border-radius: 24px; color: var(--primary); background: rgba(43,127,157,.10); font-size: 28px; }
.tnt-steps h3,
.tnt-guide-cards h3,
.tnt-teacher-list h3 { color: var(--primary-dark); font-family: "Cairo", sans-serif; font-size: 19px; margin-bottom: 6px; }
.tnt-steps p,
.tnt-guide-cards p,
.tnt-teacher-list p { color: var(--muted); font-size: 15px; line-height: 1.9; }
.tnt-guide-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 20px; }
.tnt-guide-cards article { padding: 24px; border-radius: 26px; background: linear-gradient(135deg, rgba(234,246,251,.95), rgba(255,255,255,.96)); border: 1px solid rgba(43,127,157,.12); box-shadow: 0 12px 30px rgba(31,109,132,.07); }
.tnt-guide-cards i { color: var(--gold); margin-left: 6px; }

.tnt-teacher-guide { background: linear-gradient(135deg, rgba(31,109,132,.95), rgba(43,127,157,.92)), url('assets/images/islamic-bg-desktop.webp') center / cover no-repeat; color: #fff; }
.tnt-teacher-guide .tnt-section-label { background: rgba(255,255,255,.15); color: #fff; border-color: rgba(255,255,255,.22); }
.tnt-teacher-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 28px; align-items: center; }
.tnt-teacher-layout h2 { color: #fff; }
.tnt-teacher-layout p { color: rgba(255,255,255,.86); margin-bottom: 22px; }
.tnt-teacher-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.tnt-teacher-list article { padding: 24px; border-radius: 26px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(8px); }
.tnt-teacher-list i { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 18px; background: rgba(219,164,38,.20); color: #FFD679; font-size: 23px; margin-bottom: 12px; }
.tnt-teacher-list h3 { color: #fff; }
.tnt-teacher-list p { color: rgba(255,255,255,.78); margin: 0; }

.tnt-carousel-section { background: linear-gradient(180deg, #fff, #F7FBFE); }
.tnt-carousel { position: relative; max-width: 940px; margin: 0 auto; padding: 0 62px; }
.tnt-carousel-track { position: relative; min-height: 230px; }
.tnt-slide { position: absolute; inset: 0; opacity: 0; transform: translateY(12px) scale(.98); pointer-events: none; transition: .34s ease; padding: 34px; border-radius: 32px; border: 1px solid rgba(43,127,157,.14); background: rgba(255,255,255,.96); box-shadow: var(--shadow-soft); text-align: center; }
.tnt-slide.is-active { opacity: 1; transform: none; pointer-events: auto; }
.tnt-slide i { width: 62px; height: 62px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 22px; color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-light)); font-size: 24px; }
.tnt-slide p { color: var(--text); font-size: 20px; line-height: 2; margin-bottom: 12px; }
.tnt-slide b { font-family: "Cairo", sans-serif; color: var(--gold); }
.tnt-carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 48px; height: 48px; border: 0; border-radius: 17px; display: grid; place-items: center; color: #fff; background: var(--primary); box-shadow: var(--shadow-soft); cursor: pointer; }
.tnt-carousel-prev { right: 0; }
.tnt-carousel-next { left: 0; }
.tnt-carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
.tnt-carousel-dots button { width: 10px; height: 10px; border: 0; border-radius: 99px; background: rgba(43,127,157,.25); cursor: pointer; transition: .2s ease; }
.tnt-carousel-dots button.is-active { width: 28px; background: var(--gold); }

.tnt-faq { background: #fff; }
.tnt-faq-list { max-width: 920px; margin: 0 auto; display: grid; gap: 12px; }
.tnt-faq-item { border: 1px solid rgba(43,127,157,.14); border-radius: 20px; overflow: hidden; background: rgba(255,255,255,.94); box-shadow: 0 10px 24px rgba(31,109,132,.06); }
.tnt-faq-item button { width: 100%; border: 0; background: transparent; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; cursor: pointer; color: var(--primary-dark); font-family: "Cairo", sans-serif; font-size: 17px; font-weight: 900; text-align: right; }
.tnt-faq-item button i { transition: .25s ease; color: var(--gold); flex: 0 0 auto; }
.tnt-faq-item.is-open button i { transform: rotate(180deg); }
.tnt-faq-content { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.tnt-faq-content p { padding: 0 20px 18px; color: var(--muted); }
.tnt-faq-item.is-open .tnt-faq-content { max-height: 240px; }

.tnt-contact { background: linear-gradient(180deg, #F7FBFE, #FFFFFF); }
.tnt-contact-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 22px;
  padding: 34px;
  border-radius: 34px;
  border: 1px solid rgba(43,127,157,.14);
  background: linear-gradient(90deg, rgba(255,255,255,.94), rgba(255,255,255,.78)), url('assets/images/islamic-bg-desktop.webp') center / cover no-repeat;
  box-shadow: var(--shadow);
}
.tnt-contact-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-start; }

.tnt-footer { background: #0E3341; color: rgba(255,255,255,.84); padding: 54px 0 24px; }
.tnt-footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 28px; }
.tnt-footer-logo { width: 76px; height: 76px; object-fit: contain; background: #fff; border-radius: 20px; padding: 7px; margin-bottom: 14px; }
.tnt-footer h2 { color: #fff; font-family: "Cairo", sans-serif; font-size: 22px; }
.tnt-footer p { color: rgba(255,255,255,.72); }
.tnt-footer nav { display: grid; gap: 10px; }
.tnt-footer nav a:hover { color: #fff; }
.tnt-socials { display: flex; gap: 10px; margin-top: 16px; }
.tnt-socials a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: rgba(255,255,255,.10); }
.tnt-footer-bottom { margin-top: 32px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; font-size: 14px; }
.tnt-footer-bottom a { color: #FFD679; }

.tnt-floating-whatsapp { position: fixed; left: 18px; bottom: 22px; width: 62px; height: 62px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #25D366; font-size: 31px; box-shadow: 0 18px 36px rgba(37,211,102,.34); z-index: 9997; }
.tnt-floating-whatsapp::before { content: ""; position: absolute; inset: -8px; border-radius: inherit; border: 2px solid rgba(37,211,102,.45); animation: tntWhatsPulse 1.65s infinite ease-out; }
.tnt-back-to-top { position: fixed; left: 26px; bottom: 96px; width: 48px; height: 48px; border: 0; border-radius: 18px; color: #fff; background: var(--primary); box-shadow: var(--shadow-soft); opacity: 0; pointer-events: none; transform: translateY(12px); transition: .25s ease; z-index: 9996; }
.tnt-back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }

@keyframes tntFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes tntPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.08); opacity: .78; } }
@keyframes tntWhatsPulse { 0% { transform: scale(.78); opacity: .85; } 100% { transform: scale(1.35); opacity: 0; } }

@media (max-width: 1180px) {
  .tnt-navbar { grid-template-columns: 250px minmax(0, 1fr) auto; }
  .tnt-menu a { padding-inline: 8px; font-size: 12px; }
}

@media (max-width: 1100px) {
  .tnt-header-actions { display: none; }
  .tnt-navbar { grid-template-columns: 245px 1fr auto; }
  .tnt-hero-layout { grid-template-columns: 1fr; text-align: center; }
  .tnt-hero-copy { max-width: 820px; margin: 0 auto; order: 1; }
  .tnt-hero-art { order: 2; min-height: 455px; }
  .tnt-hero-actions, .tnt-stat-row, .tnt-about-points { margin-inline: auto; justify-content: center; }
  .tnt-arch-frame { min-height: 430px; }
  .tnt-arch-frame img { width: min(80%, 350px); }
  .tnt-about-layout, .tnt-teacher-layout { grid-template-columns: 1fr; }
  .tnt-service-grid { grid-template-columns: repeat(3, 1fr); }
  .tnt-best-grid { grid-template-columns: 1fr 1fr; }
  .tnt-price-grid { grid-template-columns: repeat(2, 1fr); }
  .tnt-steps { grid-template-columns: repeat(2, 1fr); }
  .tnt-teacher-list { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  html { scroll-padding-top: 90px; }
  .admin-bar .tnt-header { top: 46px; }
  .admin-bar .tnt-reading-progress { top: 46px; }
  .tnt-navbar { min-height: 76px; grid-template-columns: 1fr auto; }
  .tnt-brand { gap: 9px; }
  .tnt-logo { width: 52px; height: 52px; border-radius: 15px; }
  .tnt-brand-text b { font-size: 13px; }
  .tnt-brand-text small { font-size: 11px; }
  .tnt-mobile-toggle { display: grid; place-items: center; }
  .tnt-menu-wrap { position: fixed; top: 77px; right: 16px; left: 16px; opacity: 0; transform: translateY(-10px); pointer-events: none; transition: .24s ease; }
  .admin-bar .tnt-menu-wrap { top: 123px; }
  .tnt-menu-wrap.is-open { opacity: 1; transform: none; pointer-events: auto; }
  .tnt-menu { display: grid; gap: 7px; padding: 14px; background: rgba(255,255,255,.98); border: 1px solid rgba(43,127,157,.12); border-radius: 24px; box-shadow: var(--shadow); }
  .tnt-menu a { justify-content: flex-start; padding: 11px 14px; font-size: 14px; }
  .tnt-hero { min-height: auto; padding: 44px 0 36px; }
  .tnt-hero-bg { background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.80)), url('assets/images/islamic-bg-mobile.webp') center top / cover no-repeat; }
  .tnt-hero h1 { font-size: clamp(38px, 14vw, 56px); }
  .tnt-hero-text { font-size: 16px; }
  .tnt-hero-actions { display: grid; grid-template-columns: 1fr; width: min(100%, 410px); }
  .tnt-btn { width: 100%; border-radius: 14px; white-space: normal; text-align: center; }
  .tnt-stat-row { grid-template-columns: repeat(3, 1fr); width: 100%; }
  .tnt-stat-row div { min-height: 76px; padding: 10px 6px; }
  .tnt-stat-row b { font-size: 20px; }
  .tnt-stat-row span { font-size: 11px; }
  .tnt-hero-art { min-height: 370px; }
  .tnt-arch-frame { width: min(100%, 390px); min-height: 370px; padding: 22px 20px 0; border-radius: 46% 46% 30px 30px / 26% 26% 30px 30px; }
  .tnt-arch-frame::before { height: 255px; border-width: 5px; }
  .tnt-float { display: none; }
  .tnt-strip-grid { grid-template-columns: repeat(2, 1fr); margin-top: 0; }
  .tnt-section { padding: 62px 0; }
  .tnt-about-visual { min-height: 380px; }
  .tnt-about-visual img { width: min(88%, 330px); }
  .tnt-service-grid { grid-template-columns: repeat(2, 1fr); }
  .tnt-best-grid { grid-template-columns: 1fr; }
  .tnt-price-grid { grid-template-columns: 1fr; }
  .tnt-price-card.is-featured { transform: none; }
  .tnt-guide-cards { grid-template-columns: 1fr; }
  .tnt-contact-card { grid-template-columns: 1fr; text-align: center; padding: 25px 18px; }
  .tnt-contact-actions { justify-content: center; }
  .tnt-footer-grid { grid-template-columns: 1fr; }
  .tnt-carousel { padding: 0 0 58px; }
  .tnt-carousel-track { min-height: 300px; }
  .tnt-carousel-btn { top: auto; bottom: 0; transform: none; }
  .tnt-carousel-prev { right: calc(50% - 58px); }
  .tnt-carousel-next { left: calc(50% - 58px); }
  .tnt-slide { padding: 26px 20px; }
  .tnt-slide p { font-size: 17px; }
}

@media (max-width: 540px) {
  .tnt-container { width: min(100% - 24px, 1200px); }
  .tnt-hero h1 { letter-spacing: -.5px; }
  .tnt-hero-art { min-height: 315px; }
  .tnt-arch-frame { min-height: 315px; }
  .tnt-arch-frame img { width: min(88%, 280px); }
  .tnt-strip-grid, .tnt-service-grid, .tnt-steps { grid-template-columns: 1fr; }
  .tnt-section-head h2, .tnt-about-copy h2, .tnt-teacher-layout h2, .tnt-contact-card h2 { font-size: 28px; }
  .tnt-price-card, .tnt-best-card { padding: 22px; }
  .tnt-footer-bottom { justify-content: center; text-align: center; }
.tnt-floating-whatsapp { left: 14px; bottom: 16px; width: 58px; height: 58px; }
  .tnt-back-to-top { left: 19px; bottom: 88px; }
  .tnt-brand-text b { max-width: 210px; overflow: hidden; text-overflow: ellipsis; }
  .tnt-verse-card { grid-template-columns: 1fr; text-align: center; }
  .tnt-verse-icon { margin: 0 auto; }
}

.tnt-page-main { padding: 70px 0; background: #fff; min-height: 55vh; }
.tnt-page-card { padding: 32px; border-radius: 28px; background: rgba(255,255,255,.94); border: 1px solid rgba(43,127,157,.12); box-shadow: var(--shadow-soft); }
.tnt-page-card h1 { font-family: "Cairo", sans-serif; color: var(--primary-dark); margin-bottom: 16px; }
.tnt-page-content { color: var(--text); }


/* === Tantawy System UI v1 Additions === */
.tantawy-preloader {
  position: fixed;
  inset: 0;
  z-index: 100001;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at top right, rgba(53,148,180,.16), transparent 34%),
    radial-gradient(circle at bottom left, rgba(219,164,38,.13), transparent 36%),
    var(--background);
  transition: opacity .55s ease, visibility .55s ease;
}
.tantawy-preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.tantawy-preloader__card {
  width: min(360px, calc(100% - 32px));
  padding: 34px 26px;
  border-radius: 32px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(43,127,157,.13);
  box-shadow: 0 26px 70px rgba(31,109,132,.16);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.tantawy-preloader__card::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: conic-gradient(from 180deg, transparent, rgba(219,164,38,.12), transparent, rgba(43,127,157,.12), transparent);
  animation: tantawyRotate 4s linear infinite;
}
.tantawy-preloader__logo-wrap,
.tantawy-preloader__text,
.tantawy-preloader__bar { position: relative; z-index: 2; }
.tantawy-preloader__logo-wrap {
  width: 118px;
  height: 118px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: var(--white);
  display: grid;
  place-items: center;
  padding: 13px;
  border: 3px solid rgba(219,164,38,.32);
  box-shadow: 0 18px 36px rgba(43,127,157,.18);
  animation: tntPulse 1.6s ease-in-out infinite;
}
.tantawy-preloader__logo { width: 100%; height: 100%; object-fit: contain; }
.tantawy-preloader__text strong {
  display: block;
  font-family: "Cairo", sans-serif;
  font-size: 22px;
  font-weight: 900;
  color: var(--primary-dark);
  margin-bottom: 6px;
}
.tantawy-preloader__text span {
  display: block;
  font-family: "Tajawal", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--muted);
}
.tantawy-preloader__bar {
  width: 100%;
  height: 7px;
  margin-top: 22px;
  border-radius: 999px;
  background: rgba(43,127,157,.12);
  overflow: hidden;
}
.tantawy-preloader__bar span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--primary), var(--gold));
  animation: tantawyLoadingBar 1.25s ease-in-out infinite;
}
@keyframes tantawyLoadingBar { 0% { transform: translateX(150%); } 100% { transform: translateX(-260%); } }
@keyframes tantawyRotate { to { transform: rotate(360deg); } }

.tnt-system-hero .tnt-hero-bg {
  background:
    linear-gradient(90deg, rgba(255,255,255,.88), rgba(255,255,255,.72)),
    url('assets/images/islamic-bg-desktop.webp') center / cover no-repeat;
}
.tnt-mission-grid,
.tnt-admin-grid {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}
.tnt-mission-grid { grid-template-columns: repeat(3, 1fr); }
.tnt-admin-grid { grid-template-columns: repeat(4, 1fr); }
.tnt-mission-grid article,
.tnt-admin-grid article {
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(43,127,157,.12);
  border-radius: 28px;
  padding: 25px 22px;
  box-shadow: var(--shadow-soft);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tnt-mission-grid article:hover,
.tnt-admin-grid article:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow);
  border-color: rgba(219,164,38,.32);
}
.tnt-mission-grid i,
.tnt-admin-grid i {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  color: var(--primary);
  background: rgba(43,127,157,.09);
  font-size: 24px;
  margin-bottom: 14px;
}
.tnt-mission-grid h3,
.tnt-admin-grid h3 {
  font-family: "Cairo", sans-serif;
  color: var(--primary-dark);
  font-size: 20px;
  margin-bottom: 8px;
}
.tnt-mission-grid p,
.tnt-admin-grid p { color: var(--muted); margin: 0; font-size: 15px; line-height: 1.9; }
.tnt-admin-panel {
  margin-top: 45px;
  padding: 32px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(234,246,251,.86), rgba(255,255,255,.96));
  border: 1px solid rgba(43,127,157,.12);
  box-shadow: var(--shadow-soft);
}
.tnt-section-head.compact { margin-bottom: 20px; }
.tnt-section-head.compact h2 { font-size: clamp(26px, 4vw, 38px); }
.tnt-teacher-guide {
  background:
    radial-gradient(circle at top right, rgba(219,164,38,.13), transparent 28%),
    linear-gradient(135deg, var(--primary-dark), var(--primary));
  color: #fff;
}
.tnt-teacher-guide .tnt-section-label { background: rgba(255,255,255,.12); color: #fff; border-color: rgba(255,255,255,.24); }
.tnt-teacher-guide h2, .tnt-teacher-guide p { color: #fff; }
.tnt-teacher-guide > * { position: relative; z-index: 1; }
.tnt-price-card:hover,
.tnt-best-card:hover { transform: translateY(-8px); }
.tnt-price-card.is-featured:hover { transform: translateY(-12px) scale(1.01); }
.tnt-service-grid article, .tnt-price-card, .tnt-best-card { will-change: transform; }

@media (max-width: 1100px) {
  .tnt-mission-grid { grid-template-columns: 1fr; }
  .tnt-admin-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
  .tnt-system-hero .tnt-hero-bg {
    background:
      linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.82)),
      url('assets/images/islamic-bg-mobile.webp') center top / cover no-repeat;
  }
  .tnt-admin-panel { padding: 22px 16px; border-radius: 26px; }
}
@media (max-width: 620px) {
  .tnt-admin-grid { grid-template-columns: 1fr; }
  .tantawy-preloader__card { padding: 28px 20px; border-radius: 26px; }
  .tantawy-preloader__logo-wrap { width: 96px; height: 96px; }
  .tantawy-preloader__text strong { font-size: 19px; }
  .tantawy-preloader__text span { font-size: 15px; }
}


/* === v1.1 Bug Fixes + CRO Refinements === */
.tnt-main,
.tnt-section,
.tnt-feature-strip,
.tnt-pricing,
.tnt-student-guide,
.tnt-teacher-guide { overflow: hidden; }

.tnt-container,
.tnt-section-head,
.tnt-price-card,
.tnt-steps article,
.tnt-service-grid article,
.tnt-mission-grid article,
.tnt-teacher-list article,
.tnt-strip-grid article {
  min-width: 0;
}

.tnt-strip-grid,
.tnt-mission-grid,
.tnt-service-grid,
.tnt-price-grid,
.tnt-steps,
.tnt-teacher-list {
  align-items: stretch;
}

.tnt-strip-grid article,
.tnt-mission-grid article,
.tnt-service-grid article,
.tnt-price-card,
.tnt-steps article,
.tnt-teacher-list article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
}

.tnt-strip-grid i,
.tnt-mission-grid i,
.tnt-steps i,
.tnt-teacher-list i,
.tnt-plan-icon {
  flex: 0 0 auto;
}

.tnt-service-grid img {
  flex: 0 0 auto;
  display: block;
}

.tnt-price-card {
  isolation: isolate;
  gap: 0;
}

.tnt-price-card h3,
.tnt-price-card strong,
.tnt-price-card p,
.tnt-price-card ul,
.tnt-price-card a,
.tnt-price-card .tnt-plan-icon,
.tnt-price-card .tnt-ribbon {
  position: relative;
  z-index: 2;
}

.tnt-plan-icon {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: rgba(43,127,157,.10);
  color: var(--primary);
  font-size: 24px;
  margin-bottom: 14px;
}

.tnt-price-card ul {
  margin-top: 6px;
}

.tnt-price-card a {
  gap: 8px;
  min-height: 52px;
  box-shadow: 0 12px 26px rgba(31,109,132,.16);
}

.tnt-price-card a i {
  font-size: 18px;
}

.tnt-price-card.is-featured:hover,
.tnt-price-card:hover {
  transform: translateY(-10px);
}

.tnt-founder-quote {
  display: grid;
  gap: 8px;
}

.tnt-founder-signature {
  display: block;
  font-family: "Cairo", sans-serif;
  font-style: normal;
  font-weight: 900;
  color: var(--primary-dark);
  margin-top: 4px;
}

.tnt-student-guide-cta {
  margin: 26px auto 0;
  max-width: 780px;
  display: grid;
  place-items: center;
  gap: 16px;
  padding: 26px;
  text-align: center;
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(234,246,251,.96), rgba(255,255,255,.98));
  border: 1px solid rgba(43,127,157,.14);
  box-shadow: var(--shadow-soft);
}

.tnt-student-guide-cta p {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
}

.tnt-student-guide-cta .tnt-btn {
  width: auto;
  min-height: 54px;
  padding-inline: 24px;
}
.tnt-floating-whatsapp {
  left: 18px;
  bottom: 22px;
}

.tnt-back-to-top {
  left: 25px;
  bottom: 96px;
}

/* Safety: these sections were intentionally removed; keep them hidden if old cache injects them. */
.tnt-verse-section,
.tnt-carousel-section {
  display: none !important;
}

/* Rights & Duties standalone page */
.tnt-rights-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 15%, rgba(219,164,38,.12), transparent 28%),
    radial-gradient(circle at 84% 4%, rgba(43,127,157,.14), transparent 30%),
    var(--background);
}

.tnt-rights-hero {
  padding: 120px 0 52px;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74)),
    url('assets/images/islamic-bg-desktop.webp') center / cover no-repeat;
}

.tnt-rights-hero h1 {
  font-family: "Cairo", sans-serif;
  color: var(--primary-dark);
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1.25;
  margin: 14px 0;
}

.tnt-rights-hero p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 18px;
}

.tnt-rights-content {
  padding: 58px 0 80px;
}

.tnt-rights-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  align-items: start;
}

.tnt-rights-card {
  padding: clamp(24px, 3vw, 34px);
  border-radius: 32px;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(43,127,157,.13);
  box-shadow: var(--shadow-soft);
}

.tnt-rights-card h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Cairo", sans-serif;
  color: var(--primary-dark);
  font-size: clamp(24px, 3vw, 34px);
  margin-bottom: 18px;
}

.tnt-rights-card h2 i {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(219,164,38,.14);
  color: var(--gold);
}

.tnt-rights-list {
  display: grid;
  gap: 12px;
}

.tnt-rights-list li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  padding: 14px 15px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(234,246,251,.72), rgba(255,255,255,.95));
  color: var(--text);
  font-weight: 700;
}

.tnt-rights-list li i {
  color: var(--gold);
  margin-top: 7px;
}

.tnt-rights-note {
  margin-top: 24px;
  padding: 22px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,246,222,.9), rgba(255,255,255,.95));
  border: 1px solid rgba(219,164,38,.22);
  color: #735719;
  font-weight: 800;
}

.tnt-rights-actions {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 1100px) {
  .tnt-service-grid { grid-template-columns: repeat(2, 1fr); }
  .tnt-mission-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .tnt-price-card.is-featured,
  .tnt-price-card.is-featured:hover,
  .tnt-price-card:hover { transform: none; }
.tnt-floating-whatsapp { left: 14px; bottom: 15px; }
  .tnt-back-to-top { left: 19px; bottom: 86px; }
  .tnt-student-guide-cta .tnt-btn { width: 100%; }
  .tnt-rights-grid { grid-template-columns: 1fr; }
}

@media (max-width: 540px) {
  .tnt-strip-grid,
  .tnt-service-grid,
  .tnt-price-grid,
  .tnt-steps,
  .tnt-teacher-list { grid-template-columns: 1fr !important; }
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-price-card,
  .tnt-teacher-list article { padding: 22px 18px; }
.tnt-rights-hero { padding-top: 94px; background-image: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.78)), url('assets/images/islamic-bg-mobile.webp'); }
  .tnt-rights-card { border-radius: 24px; }
}


/* === v1.2 Premium Pricing Redesign + Mobile-First Polish === */
:root {
  --pricing-card-radius: 15px;
  --pricing-card-shadow: 0 18px 48px rgba(31, 109, 132, .10);
  --pricing-card-shadow-hover: 0 28px 78px rgba(31, 109, 132, .18);
}

.tnt-pricing {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 5%, rgba(219,164,38,.13), transparent 27%),
    radial-gradient(circle at 93% 12%, rgba(43,127,157,.13), transparent 30%),
    linear-gradient(180deg, #F8FCFE 0%, #FFFFFF 42%, #F5F7FB 100%);
}

.tnt-pricing::before,
.tnt-pricing::after {
  content: "";
  position: absolute;
  width: 290px;
  height: 290px;
  border-radius: 999px;
  pointer-events: none;
  opacity: .45;
  filter: blur(1px);
}
.tnt-pricing::before { right: -120px; top: 120px; background: rgba(43,127,157,.08); }
.tnt-pricing::after { left: -130px; bottom: 110px; background: rgba(219,164,38,.10); }
.tnt-pricing > .tnt-container { position: relative; z-index: 1; }

.tnt-pricing .tnt-section-head {
  max-width: 820px;
  margin-bottom: 34px;
}

.tnt-pricing .tnt-section-head h2 {
  letter-spacing: -.5px;
}

.tnt-tabs {
  width: min(850px, 100%);
  margin-inline: auto;
  margin-bottom: 34px;
  padding: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(43,127,157,.12);
  box-shadow: 0 14px 40px rgba(31,109,132,.08);
  backdrop-filter: blur(12px);
}

.tnt-tab {
  flex: 1 1 170px;
  min-height: 48px;
  border-radius: 999px;
  box-shadow: none;
  border-color: transparent;
  background: transparent;
}

.tnt-tab:hover,
.tnt-tab.is-active {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(31,109,132,.16);
}

.tnt-tab-panel.is-active {
  animation: tntFadeUp .42s ease both;
}

.tnt-price-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 26px) !important;
  align-items: stretch !important;
}

.tnt-price-card {
  position: relative;
  isolation: isolate;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
  min-height: 430px;
  overflow: hidden;
  padding: 30px 26px 24px !important;
  border-radius: var(--pricing-card-radius) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.96) 100%) !important;
  border: 1px solid rgba(43,127,157,.10) !important;
  box-shadow: var(--pricing-card-shadow) !important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease !important;
}

.tnt-price-card::before {
  content: "";
  position: absolute;
  inset: auto -42px -54px auto;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(43,127,157,.065);
  z-index: -1;
  pointer-events: none;
}

.tnt-price-card::after {
  content: "";
  position: absolute;
  top: -56px;
  left: -60px;
  width: 158px;
  height: 158px;
  border-radius: 50%;
  background: rgba(219,164,38,.075);
  z-index: -1;
  pointer-events: none;
}

.tnt-price-card:hover {
  transform: translateY(-12px) !important;
  box-shadow: var(--pricing-card-shadow-hover) !important;
  border-color: rgba(43,127,157,.22) !important;
}

.tnt-price-card.is-featured {
  z-index: 2;
  transform: scale(1.035) !important;
  border: 1.5px solid rgba(219,164,38,.55) !important;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(145deg, rgba(219,164,38,.85), rgba(43,127,157,.38)) border-box !important;
  box-shadow: 0 28px 82px rgba(219,164,38,.18), 0 18px 46px rgba(31,109,132,.12) !important;
}

.tnt-price-card.is-featured:hover {
  transform: translateY(-14px) scale(1.045) !important;
  box-shadow: 0 34px 98px rgba(219,164,38,.23), 0 22px 58px rgba(31,109,132,.16) !important;
}

.tnt-ribbon {
  position: absolute !important;
  top: 15px !important;
  left: 15px !important;
  z-index: 4 !important;
  min-width: auto !important;
  height: auto !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--gold), #F3C96B) !important;
  box-shadow: 0 12px 24px rgba(219,164,38,.30) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.tnt-plan-icon {
  width: 66px !important;
  height: 66px !important;
  border-radius: 20px !important;
  margin-bottom: 18px !important;
  color: var(--primary) !important;
  background: linear-gradient(135deg, rgba(43,127,157,.12), rgba(43,127,157,.05)) !important;
  box-shadow: inset 0 0 0 1px rgba(43,127,157,.08) !important;
  font-size: 27px !important;
}

.tnt-price-card.is-featured .tnt-plan-icon {
  color: #fff !important;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
}

.tnt-price-card h3 {
  font-family: "Cairo", sans-serif !important;
  color: var(--primary-dark) !important;
  font-size: clamp(24px, 2.4vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.tnt-price-card strong {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  color: var(--primary) !important;
  font-family: "Cairo", sans-serif !important;
  font-size: clamp(42px, 4vw, 56px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  margin: 12px 0 6px !important;
  letter-spacing: -1px !important;
}

.tnt-price-card.is-featured strong { color: var(--gold) !important; }

.tnt-price-card p {
  margin: 0 0 18px !important;
  color: #7B8898 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.tnt-price-card ul {
  display: grid !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  margin: 8px 0 22px !important;
  padding: 0 !important;
}

.tnt-price-card li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  color: var(--text) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 700 !important;
}

.tnt-price-card li i {
  width: 22px !important;
  height: 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 22px !important;
  margin-top: 4px !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--gold), #F0C56A) !important;
  font-size: 11px !important;
}

.tnt-price-card a {
  width: 100% !important;
  min-height: 56px !important;
  margin-top: auto !important;
  border-radius: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
  box-shadow: 0 14px 28px rgba(31,109,132,.20) !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

.tnt-price-card a:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.07) !important;
  box-shadow: 0 18px 36px rgba(31,109,132,.26) !important;
}

.tnt-price-card.is-featured a {
  color: #fff !important;
  background: linear-gradient(135deg, var(--gold), #C99012) !important;
  box-shadow: 0 15px 30px rgba(219,164,38,.30) !important;
}

/* Mobile-first typography and pricing stacking */
@media (max-width: 980px) {
  .tnt-price-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .tnt-price-card.is-featured,
  .tnt-price-card.is-featured:hover {
    transform: none !important;
  }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 82px; }
  .tnt-container { width: min(100% - 28px, 1200px); }
  .tnt-section { padding-block: 58px; }
  .tnt-section-head { margin-bottom: 28px; }
  .tnt-section-head h2,
  .tnt-about-copy h2,
  .tnt-teacher-layout h2,
  .tnt-contact-card h2 {
    font-size: clamp(25px, 8vw, 34px) !important;
    line-height: 1.35 !important;
  }
  .tnt-hero-copy h1 {
    font-size: clamp(36px, 11vw, 48px) !important;
    line-height: 1.14 !important;
  }
  .tnt-hero-text,
  .tnt-section-head p,
  .tnt-about-copy p,
  .tnt-teacher-layout p,
  .tnt-contact-card p,
  .tnt-rights-hero p,
  .tnt-rights-list li {
    font-size: 16px !important;
  }
  .tnt-tabs {
    border-radius: 22px;
    padding: 7px;
    gap: 7px;
  }
  .tnt-tab {
    flex-basis: 100%;
    width: 100%;
  }
  .tnt-price-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .tnt-price-card {
    min-height: auto !important;
    padding: 26px 22px 22px !important;
    margin-inline: 0 !important;
  }
  .tnt-price-card:hover,
  .tnt-price-card.is-featured,
  .tnt-price-card.is-featured:hover {
    transform: none !important;
  }
  .tnt-price-card strong { font-size: 42px !important; }
  .tnt-price-card a { min-height: 58px !important; font-size: 16px !important; }
}

@media (max-width: 420px) {
  .tnt-container { width: min(100% - 22px, 1200px); }
  .tnt-price-card { padding: 24px 18px 20px !important; }
  .tnt-plan-icon { width: 58px !important; height: 58px !important; font-size: 24px !important; }
  .tnt-price-card h3 { font-size: 24px !important; }
  .tnt-price-card strong { font-size: 38px !important; }
  .tnt-ribbon { top: 12px !important; left: 12px !important; font-size: 11px !important; }
}

/* Rights page readability polish */
.tnt-rights-page .tnt-header {
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
}

.tnt-rights-page .tnt-container {
  width: min(100% - 34px, 1100px);
}

.tnt-rights-hero {
  padding: 132px 0 58px !important;
}

.tnt-rights-hero .tnt-container,
.tnt-rights-content > .tnt-container {
  max-width: 800px !important;
}

.tnt-rights-hero h1 {
  font-size: clamp(31px, 5vw, 48px) !important;
  line-height: 1.35 !important;
  letter-spacing: -.4px;
}

.tnt-rights-content {
  padding: 60px 0 86px !important;
}

.tnt-rights-grid {
  grid-template-columns: 1fr !important;
  gap: 22px !important;
}

.tnt-rights-card {
  border-radius: 26px !important;
  padding: clamp(24px, 4vw, 36px) !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 18px 48px rgba(31,109,132,.10) !important;
}

.tnt-rights-card h2 {
  font-size: clamp(24px, 4vw, 32px) !important;
  line-height: 1.35 !important;
}

.tnt-rights-list {
  gap: 11px !important;
}

.tnt-rights-list li {
  border-radius: 16px !important;
  padding: 14px 15px !important;
  line-height: 1.9 !important;
}

.tnt-rights-note {
  line-height: 1.9 !important;
}

@media (max-width: 620px) {
  .tnt-rights-page .tnt-container { width: min(100% - 24px, 800px); }
  .tnt-rights-hero { padding-top: 104px !important; padding-bottom: 42px !important; }
  .tnt-rights-content { padding: 42px 0 72px !important; }
  .tnt-rights-card h2 { flex-direction: column; align-items: flex-start; gap: 8px; }
  .tnt-rights-actions .tnt-btn { width: 100%; }
}


/* ===== Teacher Guide Update v1.3.0 ===== */
.tnt-teacher-home-cta {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(219,164,38,.18), transparent 32%),
    linear-gradient(135deg, rgba(31,109,132,.96), rgba(43,127,157,.92)),
    url('assets/images/islamic-bg-desktop.webp') center / cover no-repeat;
}
.tnt-teacher-cta-shell {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 26px;
  align-items: center;
}
.tnt-teacher-cta-copy h2 { color: #fff; }
.tnt-teacher-cta-copy p { color: rgba(255,255,255,.86); margin-bottom: 22px; max-width: 640px; }
.tnt-teacher-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.tnt-teacher-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.tnt-teacher-summary-card {
  min-width: 0;
  padding: 24px 20px;
  border-radius: 26px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.20);
  color: #fff;
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 44px rgba(0,0,0,.08);
  transition: transform .28s ease, background .28s ease, border-color .28s ease;
}
.tnt-teacher-summary-card:hover { transform: translateY(-6px); background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.34); }
.tnt-teacher-summary-card i {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(219,164,38,.22);
  color: #FFD77A;
  font-size: 24px;
  margin-bottom: 13px;
}
.tnt-teacher-summary-card h3 { color: #fff; font-family: "Cairo", sans-serif; font-size: 18px; margin-bottom: 6px; }
.tnt-teacher-summary-card p { color: rgba(255,255,255,.80); font-size: 15px; line-height: 1.9; margin: 0; }
.tnt-menu a[aria-current="page"] { color: var(--primary-dark); background: rgba(219,164,38,.16); }
.tnt-readable-container { width: min(800px, calc(100% - 34px)); margin-inline: auto; }
.tnt-teacher-page .tnt-navbar { grid-template-columns: 280px minmax(0, 1fr) auto; }
.tnt-teacher-hero {
  position: relative;
  background:
    radial-gradient(circle at 16% 12%, rgba(219,164,38,.16), transparent 32%),
    radial-gradient(circle at 82% 28%, rgba(53,148,180,.14), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%);
}
.tnt-teacher-hero .tnt-readable-container { text-align: center; }
.tnt-teacher-content { padding-top: 64px; }
.tnt-guide-intro,
.tnt-guide-block,
.tnt-teacher-agreement-card {
  background: #fff;
  border: 1px solid rgba(43,127,157,.12);
  border-radius: 28px;
  box-shadow: 0 20px 58px rgba(31,109,132,.10);
}
.tnt-guide-intro {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  align-items: start;
  padding: 28px;
  margin-bottom: 22px;
}
.tnt-guide-intro > i {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(43,127,157,.12), rgba(219,164,38,.16));
  color: var(--primary-dark);
  font-size: 31px;
}
.tnt-guide-intro h2,
.tnt-guide-block h2 {
  font-family: "Cairo", sans-serif;
  color: var(--primary-dark);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.35;
  margin-bottom: 10px;
}
.tnt-guide-intro p,
.tnt-guide-block p { color: var(--text); font-size: 17px; line-height: 2; margin: 0; }
.tnt-guide-block { padding: 30px; margin-bottom: 22px; }
.tnt-guide-block h2 { display: flex; gap: 10px; align-items: center; font-size: clamp(22px, 2.6vw, 30px); }
.tnt-guide-block h2 i { color: var(--gold); }
.tnt-guide-block .tnt-rights-list li { align-items: flex-start; }
.tnt-guide-note { background: linear-gradient(135deg, rgba(43,127,157,.08), rgba(219,164,38,.10)), #fff; }
.tnt-teacher-agreement-card {
  padding: 28px;
  margin: 30px 0 10px;
  border-color: rgba(219,164,38,.30);
  background:
    linear-gradient(135deg, rgba(255,246,222,.72), rgba(255,255,255,.96));
}
.tnt-teacher-check {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 13px;
  align-items: start;
  cursor: pointer;
  margin-bottom: 20px;
}
.tnt-teacher-check input { position: absolute; opacity: 0; pointer-events: none; }
.tnt-check-box {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff;
  border: 2px solid rgba(43,127,157,.26);
  color: transparent;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.9);
  transition: .22s ease;
}
.tnt-teacher-check input:checked + .tnt-check-box {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  border-color: var(--primary);
  color: #fff;
}
.tnt-teacher-check strong {
  color: var(--primary-dark);
  font-family: "Cairo", sans-serif;
  font-size: 17px;
  line-height: 1.9;
}
.tnt-btn-telegram {
  width: 100%;
  color: #fff;
  background: linear-gradient(135deg, #229ED9, #1877AE);
  box-shadow: 0 18px 38px rgba(34,158,217,.24);
  font-size: 17px;
}
.tnt-btn-telegram.is-disabled,
.tnt-btn-telegram[aria-disabled="true"] {
  opacity: .52;
  filter: grayscale(.25);
  cursor: not-allowed;
  pointer-events: none;
  transform: none !important;
  box-shadow: none;
}
.tnt-agreement-help { color: var(--muted); margin: 12px 0 0; text-align: center; font-size: 14px; }
.tnt-scroll-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.tnt-scroll-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 980px) {
  .tnt-teacher-cta-shell { grid-template-columns: 1fr; }
  .tnt-teacher-summary-grid { grid-template-columns: 1fr; }
  .tnt-teacher-cta-actions .tnt-btn { width: 100%; }
  .tnt-teacher-page .tnt-navbar { grid-template-columns: 1fr auto; }
}
@media (max-width: 620px) {
  .tnt-readable-container { width: min(100% - 28px, 800px); }
  .tnt-guide-intro { grid-template-columns: 1fr; padding: 24px 20px; }
  .tnt-guide-intro > i { width: 62px; height: 62px; font-size: 27px; }
  .tnt-guide-block, .tnt-teacher-agreement-card { padding: 23px 18px; border-radius: 22px; }
  .tnt-teacher-check { grid-template-columns: 30px 1fr; gap: 11px; }
  .tnt-check-box { width: 30px; height: 30px; }
  .tnt-teacher-check strong { font-size: 16px; line-height: 1.85; }
  .tnt-teacher-content { padding-top: 42px; }
}


/* === Tantawy System UI v1.4.0 Artistic Polish === */
:root {
  --inner-card-shadow: 0 28px 80px rgba(18, 38, 58, .13);
  --islamic-pattern:
    linear-gradient(30deg, rgba(31,109,132,.045) 12%, transparent 12.5%, transparent 87%, rgba(31,109,132,.045) 87.5%, rgba(31,109,132,.045)),
    linear-gradient(150deg, rgba(31,109,132,.045) 12%, transparent 12.5%, transparent 87%, rgba(31,109,132,.045) 87.5%, rgba(31,109,132,.045)),
    linear-gradient(30deg, rgba(219,164,38,.040) 12%, transparent 12.5%, transparent 87%, rgba(219,164,38,.040) 87.5%, rgba(219,164,38,.040)),
    linear-gradient(150deg, rgba(219,164,38,.040) 12%, transparent 12.5%, transparent 87%, rgba(219,164,38,.040) 87.5%, rgba(219,164,38,.040));
}

html { scroll-behavior: smooth; }
body {
  background-color: var(--background) !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(43,127,157,.065), transparent 25%),
    radial-gradient(circle at 86% 14%, rgba(219,164,38,.06), transparent 24%),
    var(--islamic-pattern) !important;
  background-size: auto, auto, 88px 50px, 88px 50px, 88px 50px, 88px 50px !important;
  background-position: center, center, 0 0, 0 0, 44px 25px, 44px 25px !important;
}
body::before {
  background: none !important;
  opacity: 0 !important;
}

.tnt-section,
.tnt-feature-strip,
.tnt-best-packages,
.tnt-pricing,
.tnt-student-guide,
.tnt-faq,
.tnt-contact,
.tnt-carousel-section {
  background-color: rgba(255,255,255,.72) !important;
  background-image: var(--islamic-pattern) !important;
  background-size: 92px 52px !important;
  background-position: center !important;
}
.tnt-pricing,
.tnt-contact,
.tnt-best-packages {
  background-color: rgba(245,247,251,.82) !important;
}
.tnt-hero-bg {
  background:
    linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.80) 48%, rgba(255,255,255,.90) 100%),
    var(--islamic-pattern),
    linear-gradient(135deg, #F7FBFE 0%, #E9F6FB 45%, #FFFDF7 100%) !important;
  background-size: auto, 96px 56px, auto !important;
}

/* Clean image containers: no arches, masks, or pseudo wrappers that crop the illustrations */
.tnt-arch-frame,
.tnt-about-visual {
  width: min(100%, 520px) !important;
  min-height: auto !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
  padding: 12px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(43,127,157,.13) !important;
  box-shadow: 0 24px 60px rgba(31,109,132,.15) !important;
}
.tnt-arch-frame::before,
.tnt-arch-frame::after,
.tnt-about-visual::before,
.tnt-about-visual::after {
  display: none !important;
  content: none !important;
}
.tnt-arch-frame img,
.tnt-about-visual img {
  position: static !important;
  z-index: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px !important;
  filter: none !important;
  box-shadow: none !important;
}
.tnt-hero-art {
  min-height: auto !important;
  align-items: center !important;
}
.tnt-about-visual {
  margin-inline: auto !important;
}

/* Luxurious inner pages */
.tnt-rights-page {
  background-color: var(--background) !important;
  background-image:
    radial-gradient(circle at 14% 10%, rgba(43,127,157,.08), transparent 26%),
    radial-gradient(circle at 86% 14%, rgba(219,164,38,.08), transparent 24%),
    var(--islamic-pattern) !important;
  background-size: auto, auto, 90px 52px, 90px 52px, 90px 52px, 90px 52px !important;
}
.tnt-rights-page .tnt-rights-hero,
.tnt-rights-page .tnt-teacher-hero {
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  padding: clamp(118px, 13vw, 160px) 0 clamp(76px, 8vw, 106px) !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(31,109,132,.98), rgba(43,127,157,.92)),
    var(--islamic-pattern) !important;
  background-size: auto, 82px 48px !important;
}
.tnt-rights-page .tnt-rights-hero::before,
.tnt-rights-page .tnt-teacher-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 26%, rgba(219,164,38,.22), transparent 22%),
    radial-gradient(circle at 82% 22%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(30deg, rgba(255,255,255,.045) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.045) 87.5%);
  background-size: auto, auto, 78px 46px;
  opacity: .98;
}
.tnt-rights-page .tnt-rights-hero .tnt-container,
.tnt-rights-page .tnt-teacher-hero .tnt-container {
  position: relative;
  z-index: 1;
  max-width: 900px !important;
}
.tnt-rights-page .tnt-section-label {
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.25) !important;
}
.tnt-rights-page .tnt-rights-hero h1,
.tnt-rights-page .tnt-teacher-hero h1 {
  margin: 16px auto 12px !important;
  max-width: 840px !important;
  color: var(--gold) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
  font-size: clamp(31px, 5.2vw, 56px) !important;
  line-height: 1.28 !important;
}
.tnt-rights-page .tnt-rights-hero p,
.tnt-rights-page .tnt-teacher-hero p {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,.88) !important;
  font-size: clamp(16px, 2vw, 20px) !important;
  line-height: 1.95 !important;
}
.tnt-rights-page .tnt-rights-content,
.tnt-rights-page .tnt-teacher-content {
  padding: 0 0 clamp(70px, 9vw, 110px) !important;
  margin-top: -54px !important;
  background: transparent !important;
}
.tnt-rights-content > .tnt-container,
.tnt-teacher-content > .tnt-readable-container {
  position: relative !important;
  z-index: 3 !important;
  max-width: 900px !important;
  padding: clamp(24px, 4vw, 46px) !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(43,127,157,.12) !important;
  border-radius: 15px !important;
  box-shadow: var(--inner-card-shadow) !important;
}
.tnt-rights-grid {
  grid-template-columns: 1fr !important;
  gap: 22px !important;
}
.tnt-rights-card,
.tnt-guide-block,
.tnt-guide-intro,
.tnt-teacher-agreement-card,
.tnt-rights-note {
  border-radius: 18px !important;
  border: 1px solid rgba(43,127,157,.12) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,251,254,.96)) !important;
  box-shadow: 0 14px 34px rgba(31,109,132,.075) !important;
}
.tnt-rights-card h2,
.tnt-guide-block h2,
.tnt-guide-intro h2,
.tnt-teacher-agreement-card h2 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--primary-dark) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}
.tnt-rights-card h2 i,
.tnt-guide-block h2 i,
.tnt-guide-intro > i,
.tnt-rights-note i {
  flex: 0 0 auto !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--gold), #F2C766) !important;
  box-shadow: 0 10px 22px rgba(219,164,38,.18) !important;
}
.tnt-rights-list li {
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  border-radius: 14px !important;
  background: rgba(43,127,157,.055) !important;
}
.tnt-rights-list li i {
  margin-top: 5px !important;
  color: var(--gold) !important;
}

@media (max-width: 900px) {
  .tnt-arch-frame,
  .tnt-about-visual {
    width: min(100%, 390px) !important;
    aspect-ratio: 1 / 1 !important;
    padding: 10px !important;
  }
  .tnt-rights-page .tnt-rights-hero,
  .tnt-rights-page .tnt-teacher-hero {
    padding: 116px 0 78px !important;
  }
  .tnt-rights-content > .tnt-container,
  .tnt-teacher-content > .tnt-readable-container {
    max-width: calc(100% - 24px) !important;
    padding: 24px 16px !important;
  }
}

@media (max-width: 540px) {
  .tnt-rights-page .tnt-rights-hero h1,
  .tnt-rights-page .tnt-teacher-hero h1 {
    font-size: 30px !important;
  }
  .tnt-rights-card h2,
  .tnt-guide-block h2,
  .tnt-guide-intro h2 {
    font-size: 22px !important;
  }
}

/* Final image ratio correction: illustrations were generated in portrait ratio, so this prevents cropping while keeping object-fit: cover. */
.tnt-arch-frame,
.tnt-about-visual { aspect-ratio: 4 / 5 !important; }
@media (max-width: 900px) {
  .tnt-arch-frame,
  .tnt-about-visual { aspect-ratio: 4 / 5 !important; }
}


/* === Tantawy System UI v1.5.0 Premium UI Fixes === */
:root {
  --premium-page-bg: #F9FAFC;
  --premium-card-shadow: 0 18px 46px rgba(18, 38, 58, .09);
  --premium-card-shadow-hover: 0 28px 70px rgba(18, 38, 58, .15);
}

/* Background strategy: remove generated CSS pattern completely and keep a clean off-white fallback. */
html { scroll-behavior: smooth; }
body,
body.islamic-bg,
body.tnt-rights-page {
  background-color: var(--premium-page-bg) !important;
  background-image: none !important;
  background-size: auto !important;
  background-position: center !important;
}
body::before { display: none !important; content: none !important; }
body.islamic-bg::after,
body.tnt-rights-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -5;
  pointer-events: none;
  background-image: url('assets/img/islamic-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .05;
}
.tnt-section,
.tnt-feature-strip,
.tnt-best-packages,
.tnt-pricing,
.tnt-student-guide,
.tnt-faq,
.tnt-contact,
.tnt-carousel-section,
.tnt-rights-page .tnt-rights-content,
.tnt-rights-page .tnt-teacher-content {
  background-image: none !important;
}
.tnt-section:nth-of-type(odd),
.tnt-feature-strip,
.tnt-best-packages,
.tnt-pricing,
.tnt-student-guide,
.tnt-faq,
.tnt-contact {
  background-color: rgba(255,255,255,.74) !important;
}
.tnt-hero-bg,
.tnt-system-hero .tnt-hero-bg {
  background:
    radial-gradient(circle at 14% 18%, rgba(219,164,38,.11), transparent 27%),
    radial-gradient(circle at 85% 16%, rgba(43,127,157,.12), transparent 28%),
    linear-gradient(135deg, #F9FCFE 0%, #EAF6FB 46%, #FFFCF4 100%) !important;
  background-size: auto !important;
}
.tnt-hero-bg::before { opacity: .55 !important; }
.tnt-hero-bg::after { background: linear-gradient(180deg, rgba(255,255,255,0), rgba(249,250,252,.92)) !important; height: 100px !important; }

/* Premium hero spacing, typography, and button consistency. */
.tnt-hero { padding-block: clamp(46px, 6vw, 76px) 52px !important; }
.tnt-hero-layout { gap: clamp(26px, 5vw, 76px) !important; }
.tnt-hero-copy { max-width: 690px !important; }
.tnt-hero h1,
.tnt-hero-copy h1 {
  font-size: clamp(40px, 5.9vw, 82px) !important;
  line-height: 1.12 !important;
  letter-spacing: -1.1px !important;
  margin: 18px 0 16px !important;
}
.tnt-hero-text {
  max-width: 650px !important;
  font-size: clamp(16px, 1.45vw, 20px) !important;
  line-height: 2 !important;
  color: #3E5167 !important;
  background: transparent !important;
}
.tnt-hero-actions,
.tnt-teacher-cta-actions,
.tnt-contact-actions,
.tnt-rights-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 14px !important;
}
.tnt-hero-actions .tnt-btn,
.tnt-teacher-cta-actions .tnt-btn,
.tnt-contact-actions .tnt-btn,
.tnt-rights-actions .tnt-btn {
  min-height: 62px !important;
  height: 62px !important;
  border-radius: 999px !important;
  padding: 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  line-height: 1.2 !important;
  box-shadow: 0 16px 34px rgba(31,109,132,.12) !important;
}
.tnt-hero-actions .tnt-btn:hover,
.tnt-teacher-cta-actions .tnt-btn:hover,
.tnt-contact-actions .tnt-btn:hover,
.tnt-rights-actions .tnt-btn:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 52px rgba(31,109,132,.18) !important;
}
.tnt-btn-gold:hover { box-shadow: 0 24px 52px rgba(219,164,38,.27) !important; }
.tnt-btn-blue:hover { box-shadow: 0 24px 52px rgba(43,127,157,.28) !important; }

/* Premium image containers: clean, no masks, no crop bugs. */
.tnt-arch-frame,
.tnt-about-visual {
  border-radius: 24px !important;
  background: #fff !important;
  padding: 12px !important;
  border: 1px solid rgba(43,127,157,.11) !important;
  box-shadow: 0 24px 64px rgba(31,109,132,.14) !important;
  overflow: hidden !important;
}
.tnt-arch-frame img,
.tnt-about-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 18px !important;
}

/* Fix flying icons/cards and remove any ugly text background inside cards. */
.tnt-service-grid,
.tnt-best-grid,
.tnt-price-grid,
.tnt-steps,
.tnt-admin-grid,
.tnt-teacher-summary-grid,
.tnt-strip-grid {
  align-items: stretch !important;
}
.tnt-service-grid article,
.tnt-best-card,
.tnt-price-card,
.tnt-steps article,
.tnt-admin-grid article,
.tnt-strip-grid article,
.tnt-rights-card,
.tnt-guide-block,
.tnt-guide-intro,
.tnt-teacher-agreement-card,
.tnt-rights-note {
  background: #ffffff !important;
  color: var(--primary-dark) !important;
  border: 1px solid rgba(43,127,157,.10) !important;
  box-shadow: var(--premium-card-shadow) !important;
}
.tnt-service-grid article *,
.tnt-best-card p,
.tnt-best-card span:not(.tnt-mini-badge),
.tnt-price-card p,
.tnt-price-card span:not(.tnt-ribbon),
.tnt-price-card li,
.tnt-price-card strong,
.tnt-steps article p,
.tnt-steps article span,
.tnt-admin-grid article p,
.tnt-strip-grid span,
.tnt-rights-card p,
.tnt-rights-card span:not(.tnt-section-label),
.tnt-rights-list li,
.tnt-guide-block p,
.tnt-guide-block li,
.tnt-guide-intro p,
.tnt-teacher-agreement-card p {
  background-color: transparent !important;
  background-image: none !important;
}
.tnt-price-card,
.tnt-best-card,
.tnt-service-grid article,
.tnt-steps article,
.tnt-admin-grid article {
  padding: clamp(22px, 2.2vw, 32px) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}
.tnt-price-card:hover,
.tnt-best-card:hover,
.tnt-service-grid article:hover,
.tnt-steps article:hover,
.tnt-admin-grid article:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--premium-card-shadow-hover) !important;
}
.tnt-price-card h3,
.tnt-best-card h3,
.tnt-service-grid h3,
.tnt-steps h3,
.tnt-admin-grid h3 {
  color: var(--primary-dark) !important;
  background: transparent !important;
}
.tnt-price-card p,
.tnt-best-card p,
.tnt-service-grid p,
.tnt-steps p,
.tnt-admin-grid p,
.tnt-price-card li {
  color: #41536A !important;
  line-height: 1.9 !important;
}
.tnt-price-card strong,
.tnt-best-card strong {
  color: var(--primary-dark) !important;
}
.tnt-price-card.is-featured strong,
.tnt-best-card.is-featured strong { color: var(--gold) !important; }
.tnt-price-card ul { background: transparent !important; }
.tnt-price-card li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
}
.tnt-price-card li i {
  flex: 0 0 auto !important;
  margin-top: 8px !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: var(--gold) !important;
  font-size: 11px !important;
}
.tnt-price-card a,
.tnt-best-card a {
  border-radius: 999px !important;
  min-height: 58px !important;
  width: 100% !important;
  box-shadow: 0 15px 34px rgba(43,127,157,.18) !important;
}

/* Teacher dark summary cards keep their premium dark-glass identity but no text bugs. */
.tnt-teacher-summary-card {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.08) !important;
}
.tnt-teacher-summary-card h3,
.tnt-teacher-summary-card p { background: transparent !important; }
.tnt-teacher-summary-card h3 { color: #fff !important; }
.tnt-teacher-summary-card p { color: rgba(255,255,255,.84) !important; }

/* Inner pages readability after background cleanup. */
.tnt-rights-page .tnt-rights-hero,
.tnt-rights-page .tnt-teacher-hero {
  background:
    radial-gradient(circle at 18% 24%, rgba(219,164,38,.19), transparent 25%),
    linear-gradient(135deg, #1F6D84, #2B7F9D) !important;
}
.tnt-rights-page .tnt-rights-hero::before,
.tnt-rights-page .tnt-teacher-hero::before { display: none !important; content: none !important; }
.tnt-rights-content > .tnt-container,
.tnt-teacher-content > .tnt-readable-container {
  background: rgba(255,255,255,.97) !important;
  border-radius: 22px !important;
  box-shadow: 0 30px 86px rgba(18,38,58,.14) !important;
}

@media (max-width: 980px) {
  .tnt-hero-layout { grid-template-columns: 1fr !important; text-align: center !important; }
  .tnt-hero-copy { margin-inline: auto !important; }
  .tnt-hero-text { margin-inline: auto !important; }
  .tnt-hero-actions { justify-content: center !important; }
  .tnt-stat-row { margin-inline: auto !important; }
}
@media (max-width: 760px) {
  .tnt-container { width: min(100% - 28px, 1200px) !important; }
  .tnt-hero { padding-top: 38px !important; }
  .tnt-hero h1,
  .tnt-hero-copy h1 { font-size: clamp(34px, 11vw, 52px) !important; line-height: 1.18 !important; }
  .tnt-hero-text { font-size: 16px !important; line-height: 1.9 !important; }
  .tnt-hero-actions,
  .tnt-teacher-cta-actions,
  .tnt-contact-actions,
  .tnt-rights-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(100%, 430px) !important;
    margin-inline: auto !important;
  }
  .tnt-hero-actions .tnt-btn,
  .tnt-teacher-cta-actions .tnt-btn,
  .tnt-contact-actions .tnt-btn,
  .tnt-rights-actions .tnt-btn {
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    padding-inline: 18px !important;
    font-size: 15px !important;
  }
  .tnt-price-grid,
  .tnt-best-grid,
  .tnt-service-grid,
  .tnt-steps,
  .tnt-admin-grid,
  .tnt-strip-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .tnt-price-card,
  .tnt-best-card,
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-admin-grid article {
    transform: none !important;
  }
  .tnt-price-card:hover,
  .tnt-best-card:hover,
  .tnt-service-grid article:hover,
  .tnt-steps article:hover,
  .tnt-admin-grid article:hover {
    transform: translateY(-4px) !important;
  }
.tnt-floating-whatsapp { left: 14px !important; bottom: 16px !important; }
  .tnt-back-to-top { left: 19px !important; bottom: 88px !important; }
}
@media (max-width: 420px) {
}

/* === Tantawy v1.5.0 final CSS/logic hotfix === */
/* 1) Kill ugly text-background bug inside all card-like components without breaking CTA buttons or badges. */
:is(
  .tnt-price-card,
  .tnt-best-card,
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-admin-grid article,
  .tnt-guide-cards article,
  .tnt-rights-card,
  .tnt-guide-block,
  .tnt-guide-intro,
  .tnt-teacher-agreement-card,
  .tnt-page-card,
  .tnt-contact-card,
  .tnt-feature-strip article,
  .tnt-strip-grid article,
  .tnt-faq-item,
  .tnt-about-copy,
  .tnt-about-card
) :where(p, li, strong, em, b, h1, h2, h3, h4, h5, h6),
:is(
  .tnt-price-card,
  .tnt-best-card,
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-admin-grid article,
  .tnt-guide-cards article,
  .tnt-rights-card,
  .tnt-guide-block,
  .tnt-guide-intro,
  .tnt-teacher-agreement-card,
  .tnt-page-card,
  .tnt-contact-card,
  .tnt-feature-strip article,
  .tnt-strip-grid article,
  .tnt-faq-item,
  .tnt-about-copy,
  .tnt-about-card
) span:not(.tnt-ribbon):not(.tnt-mini-badge):not(.tnt-section-label):not(.tnt-check-box):not(.tnt-live-title):not(.tnt-live-countries):not(.tnt-country-num),
:is(
  .tnt-price-card,
  .tnt-best-card,
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-admin-grid article,
  .tnt-guide-cards article,
  .tnt-rights-card,
  .tnt-guide-block,
  .tnt-guide-intro,
  .tnt-teacher-agreement-card,
  .tnt-page-card,
  .tnt-contact-card,
  .tnt-feature-strip article,
  .tnt-strip-grid article,
  .tnt-faq-item,
  .tnt-about-copy,
  .tnt-about-card
) a:not(.tnt-btn):not(.tnt-login-btn) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-decoration-break: slice !important;
  -webkit-box-decoration-break: slice !important;
}

/* Preserve clean white containers and readable dark text. */
:is(.tnt-price-card,.tnt-best-card,.tnt-service-grid article,.tnt-steps article,.tnt-admin-grid article,.tnt-guide-cards article,.tnt-rights-card,.tnt-guide-block,.tnt-guide-intro,.tnt-teacher-agreement-card,.tnt-page-card,.tnt-contact-card,.tnt-feature-strip article,.tnt-strip-grid article,.tnt-faq-item) {
  background-color: #ffffff !important;
  color: var(--primary-dark) !important;
}
.tnt-price-card :where(p,li),
.tnt-best-card :where(p,li),
.tnt-service-grid article p,
.tnt-steps article p,
.tnt-admin-grid article p,
.tnt-guide-block :where(p,li),
.tnt-guide-intro p,
.tnt-rights-card :where(p,li) {
  color: #334155 !important;
}

/* 2) Hero CTA overhaul: unified heights, flex layout, premium hover. */
.tnt-hero-copy .tnt-eyebrow {
  background: rgba(255,255,255,.78) !important;
  color: var(--primary-dark) !important;
  border: 1px solid rgba(43,127,157,.16) !important;
}
.tnt-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  width: 100% !important;
  margin-top: 28px !important;
}
.tnt-hero-actions .tnt-btn {
  min-height: 56px !important;
  height: 56px !important;
  padding: 12px 30px !important;
  border-radius: 50px !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
  transition: transform .3s ease, box-shadow .3s ease, filter .3s ease, background .3s ease !important;
}
.tnt-hero-actions .tnt-btn:hover,
.tnt-hero-actions .tnt-btn:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.10), 0 18px 38px rgba(31,109,132,.14) !important;
  filter: saturate(108%) !important;
}
.tnt-hero-actions .tnt-btn-gold:hover { box-shadow: 0 10px 20px rgba(0,0,0,.10), 0 18px 38px rgba(219,164,38,.22) !important; }
.tnt-hero-actions .tnt-btn-blue:hover { box-shadow: 0 10px 20px rgba(0,0,0,.10), 0 18px 38px rgba(43,127,157,.24) !important; }

/* Better hero typography rhythm. */
.tnt-hero-copy h1 {
  line-height: 1.12 !important;
  margin: 16px 0 16px !important;
}
.tnt-hero-text {
  line-height: 1.95 !important;
  margin-bottom: 22px !important;
}

/* 3) Teacher guide: button stays visible, disabled only until checkbox is checked. */
#teacherApplyButton.tnt-btn-telegram {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 58px !important;
  border-radius: 50px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  filter: none !important;
  transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}
#teacherApplyButton.tnt-btn-telegram.is-disabled,
#teacherApplyButton.tnt-btn-telegram[aria-disabled="true"] {
  opacity: .5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  filter: grayscale(.25) !important;
  transform: none !important;
  box-shadow: none !important;
}
#teacherApplyButton.tnt-btn-telegram:not(.is-disabled):not([aria-disabled="true"]):hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 34px rgba(34,158,217,.28) !important;
}

@media (max-width: 760px) {
  .tnt-hero-actions {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: min(100%, 430px) !important;
    margin-inline: auto !important;
    gap: 12px !important;
  }
  .tnt-hero-actions .tnt-btn {
    width: 100% !important;
    min-height: 56px !important;
    height: auto !important;
    white-space: normal !important;
    text-align: center !important;
    padding: 13px 22px !important;
  }
}
/* === End Tantawy v1.5.0 final CSS/logic hotfix === */

/* === Tantawy System UI v1.6.0 Contrast & Cards Emergency Fix === */
html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Keep the teacher home section dark and readable; previous generic section rules could wash it out. */
.tnt-teacher-guide,
.tnt-teacher-home-cta {
  position: relative !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(219,164,38,.20), transparent 26%),
    radial-gradient(circle at 90% 8%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(135deg, #1F6D84 0%, #2B7F9D 100%) !important;
  color: #ffffff !important;
  overflow: hidden !important;
}
.tnt-teacher-guide::before,
.tnt-teacher-home-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  opacity: .8;
}
.tnt-teacher-guide > .tnt-container,
.tnt-teacher-home-cta > .tnt-container,
.tnt-teacher-cta-shell {
  position: relative !important;
  z-index: 1 !important;
}
.tnt-teacher-cta-copy,
.tnt-teacher-cta-copy h1,
.tnt-teacher-cta-copy h2,
.tnt-teacher-cta-copy h3,
.tnt-teacher-cta-copy p,
.tnt-teacher-guide > .tnt-container > h2,
.tnt-teacher-guide > .tnt-container > p {
  color: #ffffff !important;
  background: transparent !important;
}
.tnt-teacher-cta-copy p {
  color: rgba(255,255,255,.88) !important;
}
.tnt-teacher-guide .tnt-section-label,
.tnt-teacher-cta-copy .tnt-section-label {
  color: #ffffff !important;
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.26) !important;
}
.tnt-teacher-cta-actions .tnt-btn-outline {
  color: #ffffff !important;
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.34) !important;
}
.tnt-teacher-cta-actions .tnt-btn-outline:hover {
  background: rgba(255,255,255,.20) !important;
}

/* Global contrast rescue: any white/light card must use dark readable text, never white-on-white. */
:is(
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-teacher-summary-card,
  .tnt-admin-grid article,
  .tnt-strip-grid article,
  .tnt-feature-strip article,
  .tnt-guide-cards article,
  .tnt-price-card,
  .tnt-best-card,
  .tnt-about-card,
  .tnt-contact-card,
  .tnt-faq-item,
  .tnt-page-card,
  .tnt-rights-card,
  .tnt-guide-block,
  .tnt-guide-intro,
  .tnt-teacher-agreement-card,
  .tnt-student-guide-cta,
  .tnt-admin-panel
) {
  background: #ffffff !important;
  color: #1F6D84 !important;
  border: 1px solid rgba(43,127,157,.12) !important;
  box-shadow: 0 18px 48px rgba(18,38,58,.09) !important;
}

:is(
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-teacher-summary-card,
  .tnt-admin-grid article,
  .tnt-strip-grid article,
  .tnt-feature-strip article,
  .tnt-guide-cards article,
  .tnt-price-card,
  .tnt-best-card,
  .tnt-about-card,
  .tnt-contact-card,
  .tnt-faq-item,
  .tnt-page-card,
  .tnt-rights-card,
  .tnt-guide-block,
  .tnt-guide-intro,
  .tnt-teacher-agreement-card,
  .tnt-student-guide-cta,
  .tnt-admin-panel
) :where(h1,h2,h3,h4,h5,h6) {
  color: #1F6D84 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

:is(
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-teacher-summary-card,
  .tnt-admin-grid article,
  .tnt-strip-grid article,
  .tnt-feature-strip article,
  .tnt-guide-cards article,
  .tnt-price-card,
  .tnt-best-card,
  .tnt-about-card,
  .tnt-contact-card,
  .tnt-faq-item,
  .tnt-page-card,
  .tnt-rights-card,
  .tnt-guide-block,
  .tnt-guide-intro,
  .tnt-teacher-agreement-card,
  .tnt-student-guide-cta,
  .tnt-admin-panel
) :where(p,li,small,strong,em,b,label) {
  color: #4B5563 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

:is(
  .tnt-service-grid article,
  .tnt-steps article,
  .tnt-teacher-summary-card,
  .tnt-admin-grid article,
  .tnt-strip-grid article,
  .tnt-feature-strip article,
  .tnt-guide-cards article,
  .tnt-price-card,
  .tnt-best-card,
  .tnt-about-card,
  .tnt-contact-card,
  .tnt-faq-item,
  .tnt-page-card,
  .tnt-rights-card,
  .tnt-guide-block,
  .tnt-guide-intro,
  .tnt-teacher-agreement-card,
  .tnt-student-guide-cta,
  .tnt-admin-panel
) span:not(.tnt-ribbon):not(.tnt-mini-badge):not(.tnt-section-label):not(.tnt-check-box):not(.tnt-live-title):not(.tnt-live-countries):not(.tnt-country-num) {
  color: #4B5563 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Links inside cards keep their inherited colors unless explicitly styled as CTAs. */


/* Teacher/student card polish: structured vertical layout, centered icons, consistent spacing. */
.tnt-steps article,
.tnt-teacher-summary-card,
.tnt-service-grid article,
.tnt-admin-grid article,
.tnt-strip-grid article,
.tnt-guide-cards article {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  text-align: center !important;
  min-width: 0 !important;
  min-height: 100% !important;
  padding: 25px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}
.tnt-steps article > i,
.tnt-teacher-summary-card > i,
.tnt-admin-grid article > i,
.tnt-strip-grid article > i,
.tnt-guide-cards article > i,
.tnt-mission-grid article > i {
  width: 68px !important;
  height: 68px !important;
  flex: 0 0 68px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 2px !important;
  border-radius: 22px !important;
  color: #DBA426 !important;
  background: rgba(219,164,38,.13) !important;
  box-shadow: inset 0 0 0 1px rgba(219,164,38,.11) !important;
  font-size: 27px !important;
}
.tnt-service-grid article img {
  width: 82px !important;
  height: 82px !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
  margin: 0 auto 4px !important;
}
.tnt-steps article span {
  position: static !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto -4px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #DBA426, #F1C766) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
}
.tnt-steps article h3,
.tnt-teacher-summary-card h3,
.tnt-service-grid article h3,
.tnt-admin-grid article h3,
.tnt-strip-grid article h3,
.tnt-guide-cards article h3 {
  margin: 2px 0 0 !important;
  color: #1F6D84 !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}
.tnt-steps article p,
.tnt-teacher-summary-card p,
.tnt-service-grid article p,
.tnt-admin-grid article p,
.tnt-strip-grid article p,
.tnt-guide-cards article p {
  margin: 0 !important;
  color: #4B5563 !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}
.tnt-teacher-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.tnt-teacher-summary-card:hover,
.tnt-steps article:hover,
.tnt-service-grid article:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 26px 68px rgba(18,38,58,.14) !important;
}

/* Keep CTA buttons readable and do not allow the contrast reset to affect button colors. */
.tnt-btn,
.tnt-price-card a,
.tnt-best-card a,
.tnt-login-btn,
.tnt-floating-whatsapp,
.tnt-btn :where(span,i),
.tnt-price-card a :where(span,i),
.tnt-best-card a :where(span,i) {
  color: #ffffff !important;
}
.tnt-btn-outline,
.tnt-btn-outline :where(span,i) {
  color: #1F6D84 !important;
}
.tnt-teacher-cta-actions .tnt-btn-outline,
.tnt-teacher-cta-actions .tnt-btn-outline :where(span,i) {
  color: #ffffff !important;
}

/* Hero action final spacing and mobile no-horizontal-scroll safety. */
.tnt-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  max-width: 100% !important;
}
.tnt-hero-actions .tnt-btn {
  flex: 0 1 auto !important;
  max-width: 100% !important;
}
.tnt-hero-copy,
.tnt-hero-layout,
.tnt-container,
.tnt-section,
.tnt-main {
  min-width: 0 !important;
}

@media (max-width: 980px) {
  .tnt-teacher-summary-grid {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  .tnt-hero-actions {
    flex-direction: column !important;
    width: min(100%, 430px) !important;
    margin-inline: auto !important;
  }
  .tnt-hero-actions .tnt-btn {
    width: 100% !important;
  }
  .tnt-steps article,
  .tnt-teacher-summary-card,
  .tnt-service-grid article,
  .tnt-admin-grid article,
  .tnt-strip-grid article,
  .tnt-guide-cards article {
    padding: 23px 18px !important;
  }
}
/* === End Tantawy System UI v1.6.0 Contrast & Cards Emergency Fix === */


/* === v1.6.0 final CTA/price contrast guard === */
.tnt-price-card strong,
.tnt-best-card strong {
  color: #2B7F9D !important;
  background: transparent !important;
}
.tnt-price-card.is-featured strong,
.tnt-best-card.is-featured strong {
  color: #DBA426 !important;
}
.tnt-price-card a,
.tnt-best-card a {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2B7F9D, #1F6D84) !important;
  border: 0 !important;
}
.tnt-price-card.is-featured a,
.tnt-best-card.is-featured a {
  color: #ffffff !important;
  background: linear-gradient(135deg, #DBA426, #F1C766) !important;
}
.tnt-price-card a i,
.tnt-best-card a i {
  color: #ffffff !important;
  background: transparent !important;
}
/* === End v1.6.0 final CTA/price contrast guard === */


/* =========================================================
   Tantawy System UI v1.7.0 — Same-tab navigation + final UX safety
   ========================================================= */
html, body {
  overflow-x: hidden !important;
}

/* Prevent invisible text on light cards after previous background fixes. */
.tnt-price-card,
.tnt-steps article,
.tnt-student-guide-cta,
.tnt-teacher-summary-card,
.tnt-guide-block,
.tnt-guide-intro,
.tnt-teacher-agreement-card,
.tnt-rights-card,
.tnt-contact-card,
.tnt-best-card,
.tnt-admin-grid article,
.tnt-service-grid article,
.tnt-faq-item,
.tnt-readable-container,
.tnt-inner-card {
  color: #4B5563 !important;
}

.tnt-price-card h1,
.tnt-price-card h2,
.tnt-price-card h3,
.tnt-price-card h4,
.tnt-steps article h1,
.tnt-steps article h2,
.tnt-steps article h3,
.tnt-steps article h4,
.tnt-student-guide-cta h1,
.tnt-student-guide-cta h2,
.tnt-student-guide-cta h3,
.tnt-teacher-summary-card h1,
.tnt-teacher-summary-card h2,
.tnt-teacher-summary-card h3,
.tnt-guide-block h1,
.tnt-guide-block h2,
.tnt-guide-block h3,
.tnt-guide-intro h1,
.tnt-guide-intro h2,
.tnt-guide-intro h3,
.tnt-teacher-agreement-card h1,
.tnt-teacher-agreement-card h2,
.tnt-teacher-agreement-card h3,
.tnt-rights-card h1,
.tnt-rights-card h2,
.tnt-rights-card h3,
.tnt-contact-card h1,
.tnt-contact-card h2,
.tnt-contact-card h3,
.tnt-best-card h1,
.tnt-best-card h2,
.tnt-best-card h3,
.tnt-admin-grid article h1,
.tnt-admin-grid article h2,
.tnt-admin-grid article h3,
.tnt-service-grid article h1,
.tnt-service-grid article h2,
.tnt-service-grid article h3,
.tnt-faq-item h1,
.tnt-faq-item h2,
.tnt-faq-item h3,
.tnt-readable-container h1,
.tnt-readable-container h2,
.tnt-readable-container h3 {
  color: #1F6D84 !important;
  background: transparent !important;
}

.tnt-price-card p,
.tnt-price-card span:not(.tnt-ribbon),
.tnt-price-card li,
.tnt-steps article p,
.tnt-steps article li,
.tnt-student-guide-cta p,
.tnt-teacher-summary-card p,
.tnt-guide-block p,
.tnt-guide-block span,
.tnt-guide-block li,
.tnt-guide-intro p,
.tnt-teacher-agreement-card p,
.tnt-teacher-agreement-card strong,
.tnt-rights-card p,
.tnt-rights-card span,
.tnt-rights-card li,
.tnt-contact-card p,
.tnt-best-card p,
.tnt-admin-grid article p,
.tnt-service-grid article p,
.tnt-faq-content p,
.tnt-readable-container p,
.tnt-readable-container li,
.tnt-readable-container span:not(.tnt-section-label):not(.tnt-ribbon) {
  color: #4B5563 !important;
  background: transparent !important;
}

/* Keep intentional white text only on colored controls/overlays. */
.tnt-btn-gold,
.tnt-btn-blue,
.tnt-btn-telegram,
.tnt-price-card a,
.tnt-best-card a,
.tnt-floating-whatsapp,
.tnt-back-to-top,
.tnt-tab.is-active,
.tnt-tab:hover,
.tnt-plan-icon,
.tnt-ribbon,
.tnt-steps article > span {
  color: #ffffff !important;
}

/* Hero actions: final same-height mobile-friendly rhythm. */
.tnt-hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  flex-wrap: wrap !important;
}
.tnt-hero-actions .tnt-btn {
  min-height: 54px !important;
  padding: 12px 30px !important;
  border-radius: 50px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease !important;
}
.tnt-hero-actions .tnt-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.10) !important;
}

/* Teacher application button: visible but strictly locked until checkbox approval. */
#teacherApplyButton.tnt-btn-telegram {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 58px !important;
  border-radius: 50px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  color: #ffffff !important;
}
#teacherApplyButton.tnt-btn-telegram.is-disabled,
#teacherApplyButton.tnt-btn-telegram[aria-disabled="true"] {
  opacity: .5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  filter: grayscale(.25) !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 720px) {
  .tnt-hero-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    width: min(100%, 430px) !important;
    margin-inline: auto !important;
    gap: 12px !important;
  }
  .tnt-hero-actions .tnt-btn {
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    padding-inline: 18px !important;
  }
}


/* ================================
   v1.8.0 Social & Contact Polish
   ================================ */
.tnt-social-contact {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 12%, rgba(219, 164, 38, .13), transparent 28%),
    radial-gradient(circle at 8% 82%, rgba(43, 127, 157, .12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,250,252,.96));
}
.tnt-social-contact::before {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(43,127,157,.08);
  border-radius: 42px;
  pointer-events: none;
}
.tnt-social-contact > .tnt-container { position: relative; z-index: 1; }
.tnt-social-head { max-width: 880px; margin-inline: auto; }
.tnt-social-head h2 {
  color: var(--primary-dark);
  font-size: clamp(25px, 3vw, 42px);
}
.tnt-social-head p { color: #4B5563; }
.tnt-social-contact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
  margin-top: 34px;
}
.tnt-social-card {
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(43,127,157,.12);
  border-radius: 26px;
  padding: 24px;
  box-shadow: 0 20px 55px rgba(31,109,132,.10);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  min-width: 0;
}
.tnt-social-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 28px 70px rgba(31,109,132,.16);
  border-color: rgba(219,164,38,.32);
}
.tnt-social-card-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.tnt-social-card-title > i {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--gold);
  background: rgba(219,164,38,.12);
  box-shadow: inset 0 0 0 1px rgba(219,164,38,.18);
  flex: 0 0 auto;
}
.tnt-social-card-title h3 {
  margin: 0;
  color: var(--primary-dark);
  font-size: 19px;
  font-weight: 900;
}
.tnt-social-link-list {
  display: grid;
  gap: 10px;
}
.tnt-social-link {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 48px;
  padding: 10px 12px;
  border-radius: 16px;
  color: #1F6D84;
  background: rgba(43,127,157,.055);
  border: 1px solid rgba(43,127,157,.10);
  text-decoration: none;
  font-family: "Cairo", sans-serif;
  font-weight: 800;
  transition: transform .25s ease, color .25s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tnt-social-link i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff;
  color: var(--primary);
  box-shadow: 0 8px 18px rgba(31,109,132,.08);
  transition: color .25s ease, transform .25s ease;
  flex: 0 0 auto;
}
.tnt-social-link span {
  overflow-wrap: anywhere;
  color: inherit !important;
  background: transparent !important;
}
.tnt-social-link:hover {
  transform: translateY(-3px) translateX(-3px);
  background: #fff;
  box-shadow: 0 16px 34px rgba(31,109,132,.12);
  border-color: rgba(219,164,38,.30);
}
.tnt-social-link:hover i { transform: scale(1.08); }
.tnt-social-link.social-tiktok:hover i { color: #111111; }
.tnt-social-link.social-x:hover i { color: #111111; }
.tnt-social-link.social-instagram:hover i { color: #E4405F; }
.tnt-social-link.social-linkedin:hover i { color: #0A66C2; }
.tnt-social-link.social-pinterest:hover i { color: #BD081C; }
.tnt-social-link.social-youtube:hover i { color: #FF0000; }
.tnt-social-link.social-facebook:hover i { color: #1877F2; }
.tnt-social-link.social-telegram:hover i { color: #229ED9; }
.tnt-social-link.social-messenger:hover i { color: #006AFF; }
.tnt-social-link.social-whatsapp:hover i { color: #25D366; }

/* v1.8.0: Teacher apply must remain genuinely inactive until agreement is checked. */
#teacherApplyButton.is-disabled,
#teacherApplyButton[aria-disabled="true"] {
  opacity: .5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  filter: grayscale(.2);
}

/* v1.8.0: keep FAQ unlinked from navigation while preserving section styling if kept on page. */
.tnt-menu a[href="#faq"],
.tnt-footer a[href="#faq"] { display: none !important; }

@media (max-width: 1180px) {
  .tnt-social-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .tnt-social-contact { padding-block: 56px; }
  .tnt-social-contact::before { inset: 12px; border-radius: 28px; }
  .tnt-social-contact-grid { grid-template-columns: 1fr; gap: 14px; }
  .tnt-social-card { padding: 18px; border-radius: 22px; }
  .tnt-social-card-title h3 { font-size: 18px; }
  .tnt-social-link { min-height: 46px; font-size: 15px; }
}

/* =========================================================
   Tantawy System UI v2.0.0 — Pixel Perfect Social/Cards Fix
   ========================================================= */

/* 1) Social links: prevent ugly wrapping and keep icon + label on one elegant line. */
.tnt-social-contact-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.tnt-social-card {
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.tnt-social-link-list {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.tnt-social-link,
.tnt-social-link:visited {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
}

.tnt-social-link i {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
}

.tnt-social-link span {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  color: inherit !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* 2) Teacher/student checkmarks: clean golden glyphs, no accidental highlight box. */
.tnt-rights-list li > i,
.tnt-guide-block .tnt-rights-list li > i,
.tnt-rights-card .tnt-rights-list li > i,
.tnt-price-card li > i,
.tnt-best-card li > i,
.tnt-guide-intro li > i,
.tnt-teacher-agreement-card li > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 1.15em !important;
  margin: .25em 0 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #DBA426 !important;
  line-height: 1 !important;
  font-size: 1.05em !important;
}

.tnt-rights-list li > span,
.tnt-guide-block .tnt-rights-list li > span,
.tnt-rights-card .tnt-rights-list li > span {
  color: #4B5563 !important;
  background: transparent !important;
  line-height: 1.9 !important;
}

/* Keep checkbox icon behavior separate from list checkmarks. */
.tnt-check-box,
.tnt-check-box i {
  border-radius: 10px !important;
}
.tnt-check-box i {
  color: #fff !important;
}

/* 3) Equal-height cards: student journey and similar card grids stay aligned. */
.tnt-steps,
.tnt-service-grid,
.tnt-strip-grid,
.tnt-admin-grid,
.tnt-guide-cards,
.tnt-teacher-summary-grid,
.tnt-mission-grid,
.tnt-price-grid {
  align-items: stretch !important;
}

.tnt-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
}

.tnt-steps article,
.tnt-service-grid article,
.tnt-strip-grid article,
.tnt-admin-grid article,
.tnt-guide-cards article,
.tnt-teacher-summary-card,
.tnt-mission-grid article,
.tnt-price-card,
.tnt-best-card {
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.tnt-steps article,
.tnt-service-grid article,
.tnt-strip-grid article,
.tnt-admin-grid article,
.tnt-guide-cards article,
.tnt-mission-grid article {
  justify-content: flex-start !important;
  padding: 25px !important;
}

.tnt-steps article p,
.tnt-service-grid article p,
.tnt-strip-grid article span,
.tnt-admin-grid article p,
.tnt-guide-cards article p,
.tnt-teacher-summary-card p,
.tnt-mission-grid article p,
.tnt-price-card p,
.tnt-best-card p {
  flex-grow: 1 !important;
}

.tnt-price-card a,
.tnt-best-card a {
  margin-top: auto !important;
}

/* 4) Button/link final no-wrap audit; CTA buttons stay clean, social labels ellipsize if space is tiny. */
.tnt-btn,
.tnt-login-btn,
.tnt-price-card a,
.tnt-best-card a,
.tnt-floating-whatsapp,
#teacherApplyButton {
  white-space: nowrap !important;
}

/* Keep hero buttons stacked and readable on phones instead of compressed. */
@media (max-width: 720px) {
  .tnt-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  .tnt-hero-actions .tnt-btn {
    width: 100% !important;
    white-space: normal !important;
    min-height: 54px !important;
  }

  .tnt-social-contact-grid,
  .tnt-steps {
    grid-template-columns: 1fr !important;
  }

  .tnt-social-card {
    padding: 18px !important;
  }
}

@media (max-width: 380px) {
  .tnt-social-link {
    padding-inline: 10px !important;
    gap: 8px !important;
  }

  .tnt-social-link i {
    flex-basis: 28px !important;
    width: 28px !important;
    height: 28px !important;
  }
}

/* =========================================================
   v2.0.0 — Final QA approval audit: mobile, contrast, SEO UI
   ========================================================= */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  scroll-behavior: smooth;
}

body {
  background: #F9FAFC !important;
}

/* Disable the previous heavy pattern. The real Islamic background can be placed here later. */
body::before {
  content: none !important;
  display: none !important;
}

body.islamic-bg {
  position: relative;
  background-color: #F9FAFC !important;
}

body.islamic-bg::before {
  content: "" !important;
  display: block !important;
  position: fixed;
  inset: 0;
  z-index: -5;
  pointer-events: none;
  background-image: url('assets/img/islamic-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.03;
}

/* Keep all grids inside the viewport and make cards truly equal-height. */
.tnt-price-grid,
.tnt-steps,
.tnt-social-contact-grid,
.tnt-service-grid,
.tnt-admin-grid,
.tnt-strip-grid,
.tnt-guide-cards,
.tnt-mission-grid,
.tnt-best-grid {
  align-items: stretch !important;
  min-width: 0 !important;
}

.tnt-price-card,
.tnt-steps article,
.tnt-social-card,
.tnt-service-grid article,
.tnt-admin-grid article,
.tnt-strip-grid article,
.tnt-guide-cards article,
.tnt-mission-grid article,
.tnt-best-card {
  height: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.tnt-price-card ul,
.tnt-steps article p,
.tnt-social-link-list,
.tnt-service-grid article p,
.tnt-admin-grid article p,
.tnt-strip-grid article span,
.tnt-guide-cards article p,
.tnt-mission-grid article p,
.tnt-best-card p {
  flex-grow: 1 !important;
}

/* Final readable contrast pass: no light text on light cards. */
.tnt-price-card,
.tnt-steps article,
.tnt-social-card,
.tnt-service-grid article,
.tnt-admin-grid article,
.tnt-guide-cards article,
.tnt-rights-card,
.tnt-guide-block,
.tnt-guide-intro,
.tnt-teacher-agreement-card,
.tnt-page-card,
.tnt-contact-card,
.tnt-feature-strip article,
.tnt-strip-grid article,
.tnt-faq-item,
.tnt-mission-grid article,
.tnt-best-card {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #4B5563 !important;
}

:is(.tnt-price-card,.tnt-steps article,.tnt-social-card,.tnt-service-grid article,.tnt-admin-grid article,.tnt-guide-cards article,.tnt-rights-card,.tnt-guide-block,.tnt-guide-intro,.tnt-teacher-agreement-card,.tnt-page-card,.tnt-contact-card,.tnt-feature-strip article,.tnt-strip-grid article,.tnt-faq-item,.tnt-mission-grid article,.tnt-best-card) :where(h1,h2,h3,h4,h5,h6) {
  color: #1F6D84 !important;
  background: transparent !important;
}

:is(.tnt-price-card,.tnt-steps article,.tnt-social-card,.tnt-service-grid article,.tnt-admin-grid article,.tnt-guide-cards article,.tnt-rights-card,.tnt-guide-block,.tnt-guide-intro,.tnt-teacher-agreement-card,.tnt-page-card,.tnt-contact-card,.tnt-feature-strip article,.tnt-strip-grid article,.tnt-faq-item,.tnt-mission-grid article,.tnt-best-card) :where(p,span,li,small,strong,em,cite) {
  background: transparent !important;
}

:is(.tnt-steps article,.tnt-price-card,.tnt-social-card,.tnt-best-card) :where(p,li,span:not(.tnt-ribbon)) {
  color: #4B5563 !important;
}

/* Pricing cards: mobile-safe premium layout. */
.tnt-price-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 22px !important;
}

.tnt-price-card {
  padding: 28px 24px !important;
  border-radius: 20px !important;
}

.tnt-price-card a {
  margin-top: auto !important;
  width: 100% !important;
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

.tnt-price-card.is-featured {
  transform: scale(1.025);
}

.tnt-price-card.is-featured:hover {
  transform: translateY(-8px) scale(1.025) !important;
}

/* Student journey cards stay aligned and readable. */
.tnt-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.tnt-steps article {
  padding: 28px 22px !important;
  align-items: center !important;
  text-align: center !important;
  gap: 12px !important;
}

.tnt-steps article > i {
  flex: 0 0 auto !important;
}

.tnt-steps article p {
  margin-bottom: 0 !important;
}

/* Social/contact grid: no cramped cards and no random wrapping. */
.tnt-social-contact-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 20px !important;
}

.tnt-social-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.tnt-social-link span {
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Floating widgets: never overlap, never block mobile reading. */
.tnt-floating-whatsapp {
  left: 18px !important;
  right: auto !important;
  bottom: 22px !important;
  z-index: 9998 !important;
}
/* Hero final mobile-safe sizing and button spacing. */
.tnt-hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}

.tnt-hero-actions .tnt-btn,
.tnt-btn-lg {
  min-height: 54px !important;
  padding: 13px 30px !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease !important;
}

.tnt-hero-actions .tnt-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.12) !important;
}

/* Teacher apply button hard-lock until approval checkbox is checked. */
#teacherApplyButton.is-disabled,
#teacherApplyButton[aria-disabled="true"] {
  opacity: .5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  filter: grayscale(.16) !important;
}

#teacherApplyButton:not(.is-disabled):not([aria-disabled="true"]) {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

@media (max-width: 1024px) {
  .tnt-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .tnt-container {
    width: min(100% - 24px, 100%) !important;
  }

  .tnt-hero h1 {
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.16 !important;
  }

  .tnt-section-head h2,
  .tnt-about-copy h2,
  .tnt-rights-hero h1 {
    font-size: clamp(26px, 7.4vw, 36px) !important;
    line-height: 1.28 !important;
  }

  body,
  p,
  li,
  .tnt-hero-text,
  .tnt-section-head p {
    font-size: 16px !important;
  }

  .tnt-price-grid,
  .tnt-steps,
  .tnt-social-contact-grid,
  .tnt-service-grid,
  .tnt-admin-grid,
  .tnt-strip-grid,
  .tnt-guide-cards,
  .tnt-mission-grid,
  .tnt-best-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .tnt-price-card,
  .tnt-steps article,
  .tnt-social-card {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .tnt-price-card.is-featured,
  .tnt-price-card.is-featured:hover {
    transform: none !important;
  }

  .tnt-hero-actions {
    width: 100% !important;
    align-items: stretch !important;
  }

  .tnt-hero-actions .tnt-btn {
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
  }

  .tnt-floating-whatsapp {
    left: 14px !important;
    right: auto !important;
    bottom: 15px !important;
    width: 56px !important;
    height: 56px !important;
    font-size: 28px !important;
  }
}

@media (max-width: 390px) {
.tnt-social-link span {
    white-space: normal !important;
  }
}


/* =========================================================
   Tantawy System UI v2.1.0 — Critical visual bug squash
   Contrast, pricing CTA visibility, social spacing, equal cards
   ========================================================= */

/* 0) Version marker: this block intentionally sits last to override older emergency rules. */
html,
body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* 1) Pricing CTA buttons: never white-on-white, even after global text/background resets. */
.tnt-price-card > a,
.tnt-price-card a[href*="wa.me"],
.tnt-best-card > a,
.tnt-best-card a[href*="wa.me"] {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  min-height: 56px !important;
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 13px 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2B7F9D 0%, #1F6D84 100%) !important;
  background-color: #2B7F9D !important;
  background-image: linear-gradient(135deg, #2B7F9D 0%, #1F6D84 100%) !important;
  box-shadow: 0 16px 34px rgba(43, 127, 157, .26) !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}

.tnt-price-card > a :where(i, span),
.tnt-price-card a[href*="wa.me"] :where(i, span),
.tnt-best-card > a :where(i, span),
.tnt-best-card a[href*="wa.me"] :where(i, span) {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.tnt-price-card.is-featured > a,
.tnt-price-card.is-featured a[href*="wa.me"],
.tnt-best-card.is-featured > a,
.tnt-best-card.is-featured a[href*="wa.me"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #DBA426 0%, #B8840D 100%) !important;
  background-color: #DBA426 !important;
  background-image: linear-gradient(135deg, #DBA426 0%, #B8840D 100%) !important;
  box-shadow: 0 18px 38px rgba(219, 164, 38, .32) !important;
}

.tnt-price-card > a:hover,
.tnt-price-card a[href*="wa.me"]:hover,
.tnt-best-card > a:hover,
.tnt-best-card a[href*="wa.me"]:hover {
  transform: translateY(-3px) !important;
  filter: saturate(1.06) !important;
  box-shadow: 0 22px 48px rgba(31, 109, 132, .30) !important;
}

/* 1-b) Featured ribbon: readable gold badge, not transparent and not white-on-light. */
.tnt-price-card .tnt-ribbon,
.tnt-best-card .tnt-ribbon {
  position: absolute !important;
  top: 15px !important;
  left: 15px !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(31, 109, 132, .12) !important;
  color: #1F6D84 !important;
  background: linear-gradient(135deg, #FBE7A8 0%, #DBA426 100%) !important;
  background-color: #DBA426 !important;
  background-image: linear-gradient(135deg, #FBE7A8 0%, #DBA426 100%) !important;
  box-shadow: 0 12px 26px rgba(219, 164, 38, .30) !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* 2) Social/contact section: no cutting, no footer overlap, no link wrapping. */
.tnt-social-contact {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding-top: clamp(56px, 7vw, 92px) !important;
  padding-bottom: clamp(76px, 9vw, 120px) !important;
  margin-bottom: 28px !important;
}

.tnt-social-contact-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.tnt-social-card {
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.tnt-social-link-list {
  display: grid !important;
  gap: 10px !important;
  align-content: start !important;
}

.tnt-social-link,
.tnt-social-link:visited {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  white-space: nowrap !important;
}

.tnt-social-link i {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
}

.tnt-social-link span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* 3) Student journey and similar cards: equal-height, forced alignment. */
.tnt-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.tnt-steps article {
  height: auto !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 28px 22px !important;
  text-align: center !important;
}

.tnt-steps article > span,
.tnt-steps article > i,
.tnt-steps article > h3 {
  flex: 0 0 auto !important;
}

.tnt-steps article > p {
  flex: 1 1 auto !important;
  margin: 0 !important;
  color: #4B5563 !important;
  background: transparent !important;
}

/* 4) Hero tags / small chips: tidy alignment instead of scattered pills. */
.tnt-hero-tags,
.tnt-about-points,
.tnt-feature-tags {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px 15px !important;
}

.tnt-hero-tags > *,
.tnt-about-points > *,
.tnt-feature-tags > * {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  background: rgba(255,255,255,.86) !important;
  color: #1F6D84 !important;
  border: 1px solid rgba(43,127,157,.14) !important;
  box-shadow: 0 10px 26px rgba(31,109,132,.08) !important;
}

/* 5) Final sanity contrast guard for light cards. */
:is(.tnt-price-card, .tnt-steps article, .tnt-social-card, .tnt-best-card) :where(h1,h2,h3,h4,h5,h6) {
  color: #1F6D84 !important;
}
:is(.tnt-price-card, .tnt-steps article, .tnt-social-card, .tnt-best-card) :where(p,li,small,em,cite) {
  color: #4B5563 !important;
}

@media (max-width: 1024px) {
  .tnt-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .tnt-price-grid,
  .tnt-steps,
  .tnt-social-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .tnt-price-card,
  .tnt-steps article,
  .tnt-social-card {
    min-height: 0 !important;
    height: auto !important;
  }

  .tnt-social-contact {
    padding-bottom: 104px !important;
    margin-bottom: 18px !important;
  }

  .tnt-hero-tags,
  .tnt-about-points,
  .tnt-feature-tags {
    justify-content: center !important;
  }

  .tnt-price-card > a,
  .tnt-price-card a[href*="wa.me"],
  .tnt-best-card > a,
  .tnt-best-card a[href*="wa.me"] {
    min-height: 54px !important;
    font-size: 15px !important;
  }
}

@media (max-width: 390px) {
  .tnt-social-link span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}


/* =========================================================
   v2.2.0 quality cleanup: pricing sync, readability, SEO UX
   ========================================================= */
html, body { overflow-x: hidden !important; scroll-behavior: smooth; }
body { background-color: #F9FAFC; }
.islamic-bg::before { opacity: .03 !important; }
.tnt-section-actions { display: flex; justify-content: center; margin-top: 28px; }
.tnt-pricing-page-main .tnt-pricing { padding-top: 42px !important; }
.tnt-pricing-hero { padding-bottom: 52px; }
.tnt-pricing-full .tnt-price-grid,
.tnt-pricing .tnt-price-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; align-items: stretch !important; }
.tnt-price-card, .tnt-best-card { background: #fff !important; color: #4B5563 !important; height: 100% !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; }
.tnt-price-card :where(h3,h4), .tnt-best-card :where(h3,h4) { color: #1F6D84 !important; background: transparent !important; }
.tnt-price-card :where(p,span:not(.tnt-ribbon),li,small), .tnt-best-card :where(p,span:not(.tnt-ribbon),li,small) { color: #4B5563 !important; background: transparent !important; }
.tnt-price-card strong, .tnt-best-card strong { color: #2B7F9D !important; background: transparent !important; }
.tnt-price-card ul, .tnt-best-card ul { flex: 1 1 auto !important; }
.tnt-price-card a[href*="wa.me"], .tnt-best-card a[href*="wa.me"] { margin-top: auto !important; background: linear-gradient(135deg, #2B7F9D, #1F6D84) !important; color: #fff !important; border: 0 !important; box-shadow: 0 14px 30px rgba(43,127,157,.18) !important; }
.tnt-price-card.is-featured a[href*="wa.me"], .tnt-best-card.is-featured a[href*="wa.me"] { background: linear-gradient(135deg, #DBA426, #B98715) !important; color: #fff !important; }
.tnt-ribbon { background: linear-gradient(135deg, #DBA426, #F2C766) !important; color: #1F6D84 !important; font-weight: 900 !important; }
.tnt-plan-note { display: flex; align-items: center; gap: 10px; margin: 18px 0; padding: 14px 16px; border-radius: 18px; color: #1F6D84; background: rgba(43,127,157,.08); border: 1px solid rgba(43,127,157,.12); font-weight: 800; }
.tnt-best-packages { padding-block: clamp(58px, 8vw, 96px) !important; }
.tnt-best-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; align-items: stretch !important; }
.tnt-hero-actions { display: flex !important; flex-wrap: wrap !important; gap: 15px !important; align-items: center !important; }
.tnt-hero-tags, .tnt-about-points, .tnt-feature-tags { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }
.tnt-service-grid img { max-width: 74px; height: auto; object-fit: contain; }
.tnt-footer a[href*="pricing"] { font-weight: 800; }
@media (max-width: 991px) {
  .tnt-best-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 767px) {
  .tnt-main > section { padding-inline: 0 !important; }
  .tnt-hero-copy h1 { font-size: clamp(34px, 11vw, 46px) !important; line-height: 1.18 !important; }
  .tnt-hero-text { font-size: 16px !important; line-height: 1.9 !important; }
  .tnt-hero-actions { justify-content: stretch !important; }
  .tnt-hero-actions .tnt-btn { width: 100% !important; min-height: 54px !important; }
  .tnt-price-grid, .tnt-best-grid, .tnt-steps, .tnt-social-contact-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
  .tnt-price-card, .tnt-best-card, .tnt-steps article, .tnt-social-card { height: auto !important; min-height: 0 !important; }
.tnt-floating-whatsapp { left: 16px !important; right: auto !important; bottom: 18px !important; }
}


/* =========================================================
   Tantawy UI Polish v2.5.0 — Visual QA / Responsive Fix
   This final layer intentionally overrides earlier experimental rules.
   ========================================================= */
:root {
  --primary: #2B7F9D;
  --primary-dark: #1F6D84;
  --primary-light: #3594B4;
  --gold: #DBA426;
  --bg: #F5F7FB;
  --text: #1F2937;
  --muted: #64748B;
  --radius-lg: 28px;
  --shadow-soft: 0 18px 45px rgba(31, 109, 132, .10);
  --shadow-hover: 0 28px 70px rgba(31, 109, 132, .16);
}
html, body { width: 100%; max-width: 100%; overflow-x: hidden !important; scroll-behavior: smooth; }
body {
  color: var(--text) !important;
  background:
    radial-gradient(circle at 90% 4%, rgba(53,148,180,.13), transparent 34%),
    radial-gradient(circle at 8% 30%, rgba(219,164,38,.10), transparent 31%),
    linear-gradient(180deg, #F9FCFE 0%, #F5F7FB 42%, #FFFFFF 100%) !important;
}
body::before,
.islamic-bg::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -10;
  background-image: url('assets/img/islamic-bg.jpg'), url('assets/images/bg-pattern.webp');
  background-size: cover, 680px auto;
  background-position: center, center top;
  background-repeat: no-repeat, repeat;
  opacity: .035 !important;
}
.tnt-section { position: relative; padding-block: clamp(62px, 8vw, 112px) !important; }
.tnt-section::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(43,127,157,.12), rgba(219,164,38,.12), transparent);
  pointer-events: none;
}
.tnt-section-head { max-width: 840px; margin-inline: auto; text-align: center; margin-bottom: 32px !important; }
.tnt-section-head h2, .tnt-about-copy h2, .tnt-contact-card h2 {
  font-size: clamp(30px, 4.4vw, 44px) !important;
  line-height: 1.28 !important;
  letter-spacing: -.6px;
  color: var(--primary-dark) !important;
}
.tnt-section-head p, .tnt-contact-card p, .tnt-hero-text { color: var(--muted) !important; line-height: 1.95 !important; font-size: clamp(16px, 1.7vw, 18px) !important; }
.tnt-system-hero { padding-top: clamp(104px, 10vw, 142px) !important; padding-bottom: clamp(66px, 8vw, 110px) !important; overflow: hidden; }
.tnt-hero-copy h1 { font-size: clamp(42px, 5.7vw, 64px) !important; line-height: 1.12 !important; letter-spacing: -1.1px; color: var(--primary-dark) !important; }
.tnt-hero-copy h1 span { color: var(--gold) !important; }
.tnt-hero-actions, .tnt-about-points {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
}
.tnt-hero-actions .tnt-btn { min-height: 54px !important; border-radius: 999px !important; padding: 13px 25px !important; font-weight: 900 !important; box-shadow: var(--shadow-soft); white-space: nowrap; }
.tnt-hero-actions .tnt-btn:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
.tnt-about-points span { white-space: nowrap; background: rgba(255,255,255,.80) !important; border: 1px solid rgba(43,127,157,.14); box-shadow: 0 10px 25px rgba(31,109,132,.07); }
.tnt-arch-frame, .tnt-about-visual {
  border-radius: var(--radius-lg) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,247,251,.82)) !important;
  border: 1px solid rgba(43,127,157,.12) !important;
  box-shadow: var(--shadow-soft) !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(18px, 3vw, 34px) !important;
}
.tnt-arch-frame::before, .tnt-arch-frame::after, .tnt-about-visual::before, .tnt-about-visual::after { display: none !important; }
.tnt-arch-frame img, .tnt-about-visual img {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: drop-shadow(0 16px 26px rgba(31,109,132,.12));
}
/* Pricing page: conversion-focused tabbed selling layout */
.tnt-pricing-page-main, .tnt-pricing-full { background: transparent !important; }
.tnt-pricing-hero {
  background: linear-gradient(135deg, rgba(31,109,132,.98), rgba(43,127,157,.94)) !important;
  color: #fff !important;
  padding-block: clamp(76px, 10vw, 118px) !important;
  border-bottom-left-radius: 46px;
  border-bottom-right-radius: 46px;
  box-shadow: 0 24px 70px rgba(31,109,132,.18);
}
.tnt-pricing-hero h1 { font-size: clamp(38px, 5vw, 56px) !important; color: #fff !important; line-height: 1.22 !important; }
.tnt-pricing-hero p { color: rgba(255,255,255,.86) !important; max-width: 720px; margin-inline: auto; }
.tnt-pricing .tnt-tabs {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 34px !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(43,127,157,.12);
  box-shadow: 0 18px 45px rgba(31,109,132,.08);
}
.tnt-tab {
  min-height: 46px;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  color: var(--primary-dark) !important;
  background: transparent !important;
  border: 0 !important;
  font-family: "Cairo", sans-serif;
  font-weight: 900 !important;
}
.tnt-tab.is-active { color: #fff !important; background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important; box-shadow: 0 12px 26px rgba(43,127,157,.22); }
.tnt-tab-panel { animation: tntSoftUp .32s ease both; }
.tnt-plan-note {
  width: min(760px, 100%);
  margin: 0 auto 24px !important;
  padding: 14px 18px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(43,127,157,.12) !important;
  color: var(--primary-dark) !important;
  box-shadow: 0 12px 28px rgba(31,109,132,.07);
  text-align: center;
  font-weight: 800;
}
.tnt-price-grid, .pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
  max-width: 1120px;
  margin: 0 auto;
}
.tnt-price-card {
  height: 100% !important;
  min-height: 430px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 28px 24px 22px !important;
  border-radius: 28px !important;
  background: #fff !important;
  border: 1px solid rgba(43,127,157,.12) !important;
  box-shadow: var(--shadow-soft) !important;
  text-align: center !important;
  position: relative;
  overflow: hidden;
  transform: none !important;
}
.tnt-price-card:hover { transform: translateY(-5px) !important; box-shadow: var(--shadow-hover) !important; border-color: rgba(43,127,157,.22) !important; }
.tnt-price-card.is-featured,
.tnt-price-card.is-featured:hover { transform: none !important; border: 2px solid rgba(219,164,38,.72) !important; box-shadow: 0 22px 58px rgba(219,164,38,.14) !important; }
.tnt-price-card::before { opacity: .55 !important; }
.tnt-plan-icon {
  width: 60px !important;
  height: 60px !important;
  min-height: 60px !important;
  margin: 0 auto 4px !important;
  border-radius: 20px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--gold) !important;
  background: rgba(219,164,38,.10) !important;
  border: 1px solid rgba(219,164,38,.22) !important;
  font-size: 25px !important;
}
.tnt-price-card h3 { color: var(--primary-dark) !important; font-size: clamp(21px, 2vw, 25px) !important; line-height: 1.35 !important; margin: 0 !important; font-weight: 900 !important; }
.tnt-price-card strong { color: var(--primary-dark) !important; font-size: clamp(38px, 4vw, 50px) !important; line-height: 1.05 !important; margin: 2px 0 0 !important; font-weight: 900 !important; background: transparent !important; }
.tnt-price-card p { color: var(--muted) !important; font-size: 16px !important; line-height: 1.7 !important; margin: 0 !important; font-weight: 700 !important; background: transparent !important; }
.tnt-price-card ul { flex: 1 1 auto !important; display: grid !important; align-content: start !important; gap: 9px !important; margin: 4px 0 8px !important; padding: 0 !important; background: transparent !important; }
.tnt-price-card li { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 9px !important; color: #4B5563 !important; text-align: right !important; font-size: 15px !important; line-height: 1.8 !important; margin: 0 !important; background: transparent !important; }
.tnt-price-card li i { color: var(--gold) !important; background: transparent !important; box-shadow: none !important; margin-top: 7px !important; }
.tnt-price-card a {
  margin-top: auto !important;
  height: 52px !important;
  min-height: 52px !important;
  width: 100% !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  box-shadow: 0 14px 30px rgba(43,127,157,.22) !important;
}
.tnt-price-card a:hover { background: linear-gradient(135deg, var(--primary-dark), var(--primary)) !important; transform: translateY(-2px); }
.tnt-price-card.is-featured a { background: linear-gradient(135deg, var(--gold), #C88E18) !important; color: #fff !important; box-shadow: 0 14px 30px rgba(219,164,38,.24) !important; }
.tnt-ribbon {
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #FFF4C7, #DBA426) !important;
  color: var(--primary-dark) !important;
  border: 1px solid rgba(219,164,38,.45) !important;
  font-family: "Cairo", sans-serif !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 20px rgba(219,164,38,.17) !important;
  transform: none !important;
  white-space: nowrap !important;
  z-index: 3;
}
/* Equal height grids for journey cards and similar blocks */
.tnt-steps, .tnt-guide-cards, .tnt-admin-grid, .tnt-service-grid, .tnt-best-grid, .tnt-mission-grid {
  align-items: stretch !important;
}
.tnt-steps article, .tnt-guide-cards article, .tnt-admin-grid article, .tnt-service-grid article, .tnt-best-card, .tnt-mission-grid article {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
.tnt-steps article p, .tnt-guide-cards article p, .tnt-admin-grid article p, .tnt-service-grid article p, .tnt-best-card p, .tnt-mission-grid article p { flex-grow: 1 !important; }
/* Premium official contact grid */
.tnt-contact { padding-bottom: 34px !important; }
.tnt-contact-card-lite { grid-template-columns: 1.05fr auto !important; border-radius: 32px !important; background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,251,253,.94)) !important; }
.tnt-premium-contact { padding-top: 54px !important; padding-bottom: 72px !important; background: linear-gradient(180deg, rgba(245,247,251,.22), rgba(255,255,255,.92)) !important; }
.tnt-contact-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
  margin-top: 26px !important;
}
.tnt-channel-card {
  min-height: 255px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 24px 22px;
  border-radius: 28px;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(43,127,157,.12);
  box-shadow: var(--shadow-soft);
  transition: .25s ease;
}
.tnt-channel-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-hover); border-color: rgba(43,127,157,.23); }
.tnt-channel-icon {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  color: var(--primary-dark);
  background: rgba(43,127,157,.08);
  border: 1px solid rgba(43,127,157,.12);
  font-size: 26px;
}
.tnt-channel-card h3 { color: var(--primary-dark) !important; font-size: 22px !important; line-height: 1.35 !important; margin: 0 !important; }
.tnt-channel-card p { color: var(--muted) !important; font-size: 15.5px !important; line-height: 1.8 !important; margin: 0 !important; flex: 1; }
.tnt-channel-btn {
  margin-top: auto;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  border-radius: 16px;
  color: #fff !important;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  padding: 10px 16px;
  box-shadow: 0 12px 26px rgba(43,127,157,.18);
}
.tnt-channel-whatsapp .tnt-channel-icon { color: #128C7E; background: rgba(37,211,102,.10); }
.tnt-channel-telegram .tnt-channel-icon { color: #229ED9; background: rgba(34,158,217,.10); }
.tnt-channel-messenger .tnt-channel-icon, .tnt-channel-facebook .tnt-channel-icon { color: #1877F2; background: rgba(24,119,242,.10); }
.tnt-channel-youtube .tnt-channel-icon { color: #FF0000; background: rgba(255,0,0,.09); }
.tnt-channel-instagram .tnt-channel-icon { color: #C13584; background: rgba(193,53,132,.10); }
.tnt-channel-tiktok .tnt-channel-icon { color: #111827; background: rgba(17,24,39,.08); }
.tnt-channel-school .tnt-channel-icon { color: var(--gold); background: rgba(219,164,38,.11); }
.tnt-final-cta {
  margin-top: 34px;
  padding: clamp(26px, 5vw, 44px);
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(31,109,132,.97), rgba(43,127,157,.92));
  color: #fff;
  text-align: center;
  box-shadow: 0 26px 70px rgba(31,109,132,.18);
  position: relative;
  overflow: hidden;
}
.tnt-final-cta::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 20% 0, rgba(219,164,38,.22), transparent 32%); pointer-events:none; }
.tnt-final-cta > * { position: relative; z-index: 1; }
.tnt-final-cta span { color: #FFE5A3; font-weight: 900; font-family: "Cairo", sans-serif; }
.tnt-final-cta h2 { color: #fff !important; font-size: clamp(28px, 4vw, 42px) !important; margin: 6px 0 8px; }
.tnt-final-cta p { color: rgba(255,255,255,.84) !important; margin: 0 auto 20px; max-width: 620px; }
.tnt-final-cta-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.tnt-floating-whatsapp { left: 18px !important; right: auto !important; bottom: 22px !important; z-index: 9997 !important; }
.tnt-back-to-top { right: 18px !important; bottom: 86px !important; left: auto !important; }
/* Footer polish */
.tnt-footer {
  margin-top: 0 !important;
  padding: 40px 0 22px !important;
  background: linear-gradient(135deg, #0E3341, #123F50) !important;
}
.tnt-footer-grid { grid-template-columns: 1.15fr 1fr 1fr !important; align-items: start !important; gap: 24px !important; }
.tnt-footer p, .tnt-footer nav a { color: rgba(255,255,255,.78) !important; }
.tnt-footer nav a { padding: 4px 0; transition: .2s ease; }
.tnt-footer nav a:hover { color: #FFE5A3 !important; transform: translateX(-3px); }
.tnt-footer-bottom { margin-top: 24px !important; padding-top: 16px !important; }
/* Contrast hardening */
:is(.tnt-price-card,.tnt-channel-card,.tnt-best-card,.tnt-steps article,.tnt-guide-cards article,.tnt-service-grid article,.tnt-mission-grid article) :where(h1,h2,h3,h4,h5,h6) { color: var(--primary-dark) !important; background: transparent !important; }
:is(.tnt-price-card,.tnt-channel-card,.tnt-best-card,.tnt-steps article,.tnt-guide-cards article,.tnt-service-grid article,.tnt-mission-grid article) :where(p,span,li) { background: transparent !important; }
@keyframes tntSoftUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 1024px) {
  .tnt-price-grid, .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .tnt-footer-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 760px) {
  .tnt-container { width: min(100% - 28px, 1200px) !important; }
  .tnt-section { padding-block: 58px !important; }
  .tnt-hero-copy h1 { font-size: clamp(34px, 10vw, 42px) !important; line-height: 1.18 !important; }
  .tnt-hero-copy, .tnt-section-head { text-align: center !important; }
  .tnt-hero-actions, .tnt-about-points, .tnt-final-cta-actions { justify-content: center !important; }
  .tnt-hero-actions .tnt-btn, .tnt-final-cta-actions .tnt-btn, .tnt-contact-actions .tnt-btn { width: 100%; max-width: 330px; }
  .tnt-price-grid, .pricing-grid, .tnt-contact-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
  .tnt-price-card { min-height: auto !important; padding: 25px 19px 20px !important; }
  .tnt-tabs { border-radius: 24px !important; width: 100% !important; }
  .tnt-tab { flex: 1 1 100% !important; }
  .tnt-contact-card-lite { grid-template-columns: 1fr !important; text-align: center !important; padding: 24px 18px !important; }
  .tnt-contact-actions { justify-content: center !important; }
  .tnt-footer-grid { grid-template-columns: 1fr !important; text-align: center !important; }
  .tnt-footer-logo { margin-inline: auto; }
  .tnt-footer nav { justify-items: center; }
  .tnt-footer-bottom { justify-content: center !important; text-align: center !important; }
.tnt-floating-whatsapp { left: 12px !important; bottom: 14px !important; width: 58px !important; height: 58px !important; }
  .tnt-back-to-top { right: 12px !important; bottom: 76px !important; width: 42px !important; height: 42px !important; }
}
@media (max-width: 420px) {
.tnt-channel-card { min-height: 232px; padding: 22px 18px; }
}

/* v2.5.0 final contrast override: price CTAs must beat older global card-link reset. */
.tnt-price-card > a:not(.tnt-btn):not(.tnt-login-btn),
.tnt-price-card a[href*="wa.me"]:not(.tnt-btn):not(.tnt-login-btn),
.tnt-best-card > a:not(.tnt-btn):not(.tnt-login-btn),
.tnt-best-card a[href*="wa.me"]:not(.tnt-btn):not(.tnt-login-btn) {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
  background-color: var(--primary) !important;
  background-image: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(43,127,157,.22) !important;
}
.tnt-price-card.is-featured > a:not(.tnt-btn):not(.tnt-login-btn),
.tnt-price-card.is-featured a[href*="wa.me"]:not(.tnt-btn):not(.tnt-login-btn),
.tnt-best-card.is-featured > a:not(.tnt-btn):not(.tnt-login-btn),
.tnt-best-card.is-featured a[href*="wa.me"]:not(.tnt-btn):not(.tnt-login-btn) {
  background: linear-gradient(135deg, var(--gold), #B8840D) !important;
  background-color: var(--gold) !important;
  background-image: linear-gradient(135deg, var(--gold), #B8840D) !important;
  color: #ffffff !important;
}
.tnt-price-card > a:not(.tnt-btn):not(.tnt-login-btn) :where(i,span),
.tnt-price-card a[href*="wa.me"]:not(.tnt-btn):not(.tnt-login-btn) :where(i,span) {
  color: #ffffff !important;
  background: transparent !important;
}

/* =========================================================
   v2.5.0 Final WordPress Sync & SEO Cleanup
   Visual QA only — no rebuild, no identity change.
   ========================================================= */
html, body {
  overflow-x: hidden !important;
  scroll-behavior: smooth;
}
body {
  background-color: #F9FAFC !important;
}
body.islamic-bg::after {
  opacity: .03 !important;
  pointer-events: none !important;
}

/* WordPress and static footer final sync */
.tnt-footer {
  padding: 44px 0 20px !important;
  margin-top: 0 !important;
}
.tnt-footer-grid {
  align-items: start !important;
  gap: 24px !important;
}
.tnt-footer-logo {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  object-fit: contain !important;
  background: #fff !important;
  border: 1px solid rgba(219,164,38,.22) !important;
}
.tnt-footer p,
.tnt-footer nav a,
.tnt-footer-bottom {
  color: rgba(255,255,255,.78) !important;
}
.tnt-footer nav a:hover,
.tnt-footer-bottom a:hover { color: #fff !important; }

/* Header mobile sync: visible logo + clear menu button */
.tnt-navbar {
  min-width: 0 !important;
}
.tnt-brand {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
.tnt-logo {
  flex: 0 0 auto !important;
}
.tnt-mobile-toggle {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(43,127,157,.18) !important;
  background: #fff !important;
  color: var(--primary-dark) !important;
  box-shadow: 0 12px 28px rgba(31,109,132,.10) !important;
}

/* Pricing page: compact hero and clearer tabs, especially mobile */
.tnt-pricing-page .tnt-pricing-hero,
.tnt-rights-page.tnt-pricing-page .tnt-pricing-hero {
  padding-top: clamp(112px, 12vw, 144px) !important;
  padding-bottom: clamp(34px, 5vw, 54px) !important;
  min-height: auto !important;
}
.tnt-pricing-page .tnt-pricing-hero h1 {
  font-size: clamp(36px, 4.4vw, 54px) !important;
  line-height: 1.18 !important;
  margin-bottom: 10px !important;
}
.tnt-pricing-page .tnt-pricing-hero p {
  font-size: 17px !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
}
.tnt-pricing .tnt-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: 820px !important;
  margin-inline: auto !important;
  padding: 8px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(43,127,157,.14) !important;
  box-shadow: 0 16px 40px rgba(31,109,132,.08) !important;
}
.tnt-pricing .tnt-tab {
  min-height: 48px !important;
  border-radius: 18px !important;
  white-space: nowrap !important;
  font-weight: 900 !important;
}

/* Pricing exact grid: desktop 3, tablet 2, mobile 1 */
.tnt-pricing .tnt-price-grid,
.tnt-pricing-full .tnt-price-grid,
.pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}
.tnt-price-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border-radius: 28px !important;
}
.tnt-price-card ul { flex: 1 1 auto !important; }
.tnt-price-card a[href*="wa.me"] { margin-top: auto !important; }
.tnt-price-card.is-featured,
.tnt-price-card.is-featured:hover {
  transform: none !important;
}

/* Social cards are the only approved contact design */
.tnt-social-contact {
  padding-bottom: clamp(46px, 7vw, 78px) !important;
  margin-bottom: 0 !important;
}
.tnt-contact-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}
.tnt-channel-card {
  height: 100% !important;
  min-height: 250px !important;
}
.tnt-channel-btn {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tnt-floating-whatsapp {
  left: 18px !important;
  right: auto !important;
  bottom: 22px !important;
  z-index: 9997 !important;
}

@media (max-width: 1024px) {
  .tnt-pricing .tnt-price-grid,
  .tnt-pricing-full .tnt-price-grid,
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .tnt-brand-text small { display: none !important; }
  .tnt-brand-text b { font-size: 14px !important; line-height: 1.4 !important; }
  .tnt-logo { width: 46px !important; height: 46px !important; }

  .tnt-pricing-page .tnt-pricing-hero,
  .tnt-rights-page.tnt-pricing-page .tnt-pricing-hero {
    padding-top: 90px !important;
    padding-bottom: 24px !important;
  }
  .tnt-pricing-page .tnt-pricing-hero h1 {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.22 !important;
  }
  .tnt-pricing-page .tnt-pricing-hero p {
    font-size: 15.5px !important;
  }
  .tnt-pricing .tnt-tabs {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    gap: 8px !important;
    padding: 7px !important;
    margin-bottom: 20px !important;
  }
  .tnt-pricing .tnt-tab {
    min-height: 46px !important;
    font-size: 14px !important;
  }
  .tnt-pricing .tnt-price-grid,
  .tnt-pricing-full .tnt-price-grid,
  .pricing-grid,
  .tnt-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .tnt-price-card {
    min-height: auto !important;
    padding: 24px 18px 20px !important;
  }
  .tnt-social-contact { padding-bottom: 54px !important; }
  .tnt-channel-card { min-height: auto !important; }
.tnt-floating-whatsapp {
    left: 12px !important;
    bottom: 14px !important;
    width: 58px !important;
    height: 58px !important;
  }
  .tnt-footer { padding-bottom: 92px !important; }
}


/* =========================================================
   v2.5.0 — Real Visitor Counter + Production Sync polish
   ========================================================= */
.tnt-real-counter {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 860;
  width: min(360px, calc(100vw - 112px));
  color: var(--text, #1F2937);
  pointer-events: none;
}
.tnt-real-counter[hidden] { display: none !important; }
.tnt-real-counter-card {
  direction: rtl;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(43,127,157,.14);
  box-shadow: 0 18px 45px rgba(31,109,132,.13);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 22px;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 11px;
  align-items: center;
}
.tnt-real-counter-icon {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(43,127,157,.12), rgba(219,164,38,.16));
  color: var(--primary-dark, #1F6D84);
  font-size: 18px;
}
.tnt-real-counter-trust {
  margin: 0 0 6px;
  font-family: "Cairo", sans-serif;
  font-weight: 800;
  font-size: 13px;
  color: var(--primary-dark, #1F6D84);
  line-height: 1.55;
}
.tnt-real-counter-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.tnt-real-counter-stats span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(43,127,157,.08) !important;
  color: #334155 !important;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.tnt-real-counter-stats b {
  color: var(--primary-dark, #1F6D84);
  font-weight: 900;
}
.tnt-floating-whatsapp { z-index: 900; }
@media (max-width: 680px) {
  .tnt-real-counter {
    right: max(12px, env(safe-area-inset-right));
    left: auto;
    bottom: calc(max(12px, env(safe-area-inset-bottom)) + 68px);
    width: min(320px, calc(100vw - 24px));
  }
  .tnt-real-counter-card {
    border-radius: 18px;
    padding: 10px 11px;
    grid-template-columns: 34px 1fr;
  }
  .tnt-real-counter-icon { width: 34px; height: 34px; border-radius: 13px; font-size: 15px; }
  .tnt-real-counter-trust { font-size: 12px; margin-bottom: 5px; }
  .tnt-real-counter-stats { gap: 5px; }
  .tnt-real-counter-stats span { font-size: 11px; min-height: 22px; padding: 3px 7px; }
}
@media (max-width: 420px) {
  .tnt-real-counter { width: calc(100vw - 22px); }
  .tnt-real-counter-stats span[data-stat="interest"] { flex-basis: 100%; justify-content: center; }
}


/* =========================================================
   v2.8.1 — Dynamic WordPress Content + Mobile UX Upgrade
   ========================================================= */
:root{--tnt-card-border:rgba(43,127,157,.12)}
.tnt-system-hero{padding-block:clamp(42px,6vw,84px)}
.tnt-hero-layout{gap:clamp(22px,4vw,48px)}
.tnt-hero-art .tnt-arch-frame{max-width:440px;margin-inline:auto;aspect-ratio:1/1;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(234,246,251,.72));border-radius:32px;box-shadow:0 22px 55px rgba(31,109,132,.12)}
.tnt-hero-art .tnt-arch-frame img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:24px}
.tnt-hero-actions{align-items:stretch}.tnt-hero-actions .tnt-btn{min-height:52px}.tnt-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tnt-stat-row div{min-height:84px}
.tnt-news-ticker{position:relative;z-index:2;margin-top:-18px;padding:0 0 10px}.tnt-news-ticker-inner{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.9);border:1px solid var(--tnt-card-border);box-shadow:var(--shadow-soft);border-radius:999px;padding:10px 18px;overflow:hidden}.tnt-news-ticker strong{font-family:Cairo,sans-serif;color:var(--primary-dark);white-space:nowrap}.tnt-news-ticker-track{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.tnt-news-ticker-track::-webkit-scrollbar{display:none}.tnt-news-ticker-track a{display:inline-flex;align-items:center;color:var(--text);font-weight:800;text-decoration:none;background:rgba(43,127,157,.06);border-radius:999px;padding:7px 12px;transition:.25s}.tnt-news-ticker-track a:hover{background:rgba(219,164,38,.16);color:var(--primary-dark)}
.tnt-latest-posts,.tnt-article-slider-section,.tnt-blog-archive{background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(245,247,251,.88))}.tnt-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.tnt-article-card{display:flex;flex-direction:column;min-height:100%;background:#fff;border:1px solid var(--tnt-card-border);border-radius:28px;overflow:hidden;box-shadow:0 16px 42px rgba(31,109,132,.09);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.tnt-article-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(31,109,132,.14);border-color:rgba(219,164,38,.38)}.tnt-article-thumb{display:block;aspect-ratio:16/10;background:#eef7fb;overflow:hidden}.tnt-article-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tnt-article-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:20px}.tnt-article-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:800}.tnt-article-meta i{color:var(--gold)}.tnt-article-card h3{font-size:clamp(20px,2vw,24px);line-height:1.45;margin:0}.tnt-article-card h3 a{color:var(--primary-dark);text-decoration:none}.tnt-article-card p{color:#4b5563;line-height:1.85;margin:0;flex-grow:1}.tnt-read-more{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:16px;background:var(--primary);color:#fff!important;text-decoration:none;font-family:Cairo,sans-serif;font-weight:900}.tnt-read-more:hover{background:var(--primary-dark);transform:translateY(-2px)}
.tnt-slider-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.tnt-slider-controls{display:flex;gap:10px}.tnt-slider-controls button{width:46px;height:46px;border-radius:16px;border:1px solid rgba(43,127,157,.18);background:#fff;color:var(--primary-dark);box-shadow:0 10px 22px rgba(31,109,132,.08);cursor:pointer;transition:.25s}.tnt-slider-controls button:hover{background:var(--gold);color:#fff;transform:translateY(-2px)}.tnt-article-slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 22px;scrollbar-width:thin}.tnt-article-slider .tnt-article-card{scroll-snap-align:start}
.tnt-inner-hero{padding:clamp(42px,7vw,92px) 0;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;text-align:center;position:relative;overflow:hidden}.tnt-inner-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(219,164,38,.22),transparent 28%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.12),transparent 30%);pointer-events:none}.tnt-inner-hero .tnt-container{position:relative}.tnt-inner-hero .tnt-section-label{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.22)}.tnt-inner-hero h1{font-size:clamp(34px,5vw,58px);color:#fff;margin:12px 0}.tnt-inner-hero p{max-width:760px;margin:0 auto;color:rgba(255,255,255,.86);font-size:18px;line-height:1.9}.tnt-blog-filter{display:grid;grid-template-columns:1fr 260px auto;gap:14px;align-items:end;background:#fff;border:1px solid var(--tnt-card-border);border-radius:26px;padding:18px;box-shadow:var(--shadow-soft);margin-bottom:20px}.tnt-blog-filter label{display:flex;flex-direction:column;gap:7px;color:var(--primary-dark);font-weight:900}.tnt-blog-filter input,.tnt-blog-filter select{height:50px;border:1px solid rgba(43,127,157,.18);border-radius:16px;padding:0 14px;font-family:Tajawal,sans-serif;font-size:16px;background:#f9fafc;color:var(--text)}.tnt-category-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.tnt-category-chips a{border-radius:999px;padding:8px 14px;background:rgba(43,127,157,.08);color:var(--primary-dark);font-weight:900;text-decoration:none}.tnt-pagination{margin-top:26px;text-align:center}.tnt-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;margin:4px;border-radius:13px;background:#fff;color:var(--primary-dark);border:1px solid rgba(43,127,157,.14);text-decoration:none;font-weight:900}.tnt-pagination .current{background:var(--primary);color:#fff}.tnt-empty-archive,.tnt-empty-posts .tnt-section-head{background:#fff;border:1px solid var(--tnt-card-border);border-radius:28px;box-shadow:var(--shadow-soft);padding:30px}
.tnt-single-post-main{padding-block:50px}.tnt-single-post-card{max-width:920px;margin:0 auto;background:#fff;border-radius:30px;border:1px solid var(--tnt-card-border);box-shadow:var(--shadow-soft);padding:clamp(22px,4vw,44px)}.tnt-single-header{text-align:center;margin-bottom:24px}.tnt-single-header h1{font-size:clamp(32px,4.5vw,54px);line-height:1.35;color:var(--primary-dark);margin:12px 0}.tnt-single-meta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-weight:800}.tnt-single-thumb{margin:0 0 26px;border-radius:26px;overflow:hidden;background:#eef7fb}.tnt-single-thumb img{width:100%;height:auto;display:block}.tnt-single-content{font-size:18px;line-height:2.05;color:#334155}.tnt-single-content h2,.tnt-single-content h3{color:var(--primary-dark);font-family:Cairo,sans-serif}
@media (max-width:1024px){.tnt-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tnt-article-slider{grid-auto-columns:calc((100% - 24px)/2)}.tnt-blog-filter{grid-template-columns:1fr 1fr}.tnt-blog-filter button{grid-column:1/-1}.tnt-system-hero{padding-block:40px}.tnt-hero-art .tnt-arch-frame{max-width:360px}}
@media (max-width:700px){.tnt-system-hero{padding-block:24px 30px}.tnt-hero-layout{gap:16px}.tnt-hero-copy h1{font-size:clamp(34px,10vw,42px);line-height:1.18}.tnt-hero-text{font-size:16px;line-height:1.75}.tnt-hero-art{order:2}.tnt-hero-copy{order:1}.tnt-hero-art .tnt-arch-frame{max-width:240px;padding:10px;border-radius:24px}.tnt-float{display:none}.tnt-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.tnt-hero-actions .tnt-btn{min-height:48px}.tnt-hero-actions .tnt-btn-outline{min-height:42px;font-size:14px}.tnt-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tnt-stat-row div{min-height:72px;padding:10px 6px}.tnt-stat-row b{font-size:18px}.tnt-stat-row span{font-size:12px}.tnt-news-ticker{margin-top:0}.tnt-news-ticker-inner{border-radius:20px;align-items:flex-start;flex-direction:column;padding:12px}.tnt-news-ticker-track{width:100%}.tnt-articles-grid,.tnt-blog-grid{grid-template-columns:1fr}.tnt-article-slider{grid-auto-columns:88%;gap:14px}.tnt-slider-head{align-items:flex-start;flex-direction:column}.tnt-slider-controls{align-self:flex-start}.tnt-blog-filter{grid-template-columns:1fr;padding:14px}.tnt-inner-hero{padding:34px 0}.tnt-inner-hero h1{font-size:32px}.tnt-inner-hero p{font-size:16px}.tnt-single-post-card{border-radius:22px;padding:18px}.tnt-single-content{font-size:16px}.tnt-floating-whatsapp{bottom:max(18px,env(safe-area-inset-bottom));inset-inline-start:16px}.tnt-real-counter{display:none!important}.tnt-pricing-page .tnt-inner-hero,.tnt-pricing-hero{padding-block:28px!important}.tnt-price-tabs{position:sticky;top:72px;z-index:5;background:rgba(245,247,251,.92);backdrop-filter:blur(10px);padding:8px;border-radius:18px}.tnt-contact-grid{grid-template-columns:1fr!important}.tnt-channel-card{min-height:auto;padding:18px}.tnt-final-cta{padding:24px 18px}.tnt-footer{padding-top:34px}.tnt-footer-grid{gap:18px}.tnt-footer-logo{max-width:86px}}


/* =========================================================
   v2.8.1 — Fixed Visitor Stats + News Slider + Mobile Final Polish
   ========================================================= */
html, body { overflow-x: hidden; }
.tnt-menu li a[href*="articles"], .tnt-menu li a[href*="blog"] { display: none !important; }
.tnt-system-hero { padding-block: clamp(34px, 5vw, 66px) !important; }
.tnt-hero-layout { align-items: center; }
.tnt-hero-copy { display: flex; flex-direction: column; gap: 16px; }
.tnt-hero-copy h1 { margin-block: 4px 0; }
.tnt-hero-text { margin: 0; max-width: 720px; color: #334155; }
.tnt-hero-art .tnt-arch-frame { max-width: 390px !important; }
.tnt-hero-actions { display: flex !important; flex-wrap: wrap; gap: 12px !important; margin-top: 2px; }
.tnt-hero-actions .tnt-btn { flex: 0 1 auto; min-height: 50px; }

.tnt-hero-counter.tnt-real-counter,
.tnt-real-counter:not(.tnt-floating-counter) {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 720px;
  margin: 0;
  z-index: 1;
  display: block;
}
.tnt-hero-counter .tnt-real-counter-card {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 13px;
  align-items: center;
  width: 100%;
  border-radius: 24px;
  padding: 14px 16px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(43,127,157,.14);
  box-shadow: 0 14px 34px rgba(31,109,132,.09);
  backdrop-filter: blur(10px);
}
.tnt-hero-counter .tnt-real-counter-icon { width: 48px; height: 48px; border-radius: 17px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,var(--primary),var(--primary-dark)); }
.tnt-hero-counter .tnt-real-counter-trust { margin: 0 0 8px; color: var(--primary-dark); font-family: Cairo,sans-serif; font-weight: 900; font-size: 14px; }
.tnt-hero-counter .tnt-real-counter-stats { display: flex; flex-wrap: wrap; gap: 8px; }
.tnt-hero-counter .tnt-real-counter-stats span { display: inline-flex; align-items: center; gap: 5px; background: rgba(43,127,157,.07); color: #334155; border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 800; }
.tnt-hero-counter .tnt-real-counter-stats b { color: var(--primary-dark); font-family: Cairo,sans-serif; }

.tnt-news-ticker { margin: -6px 0 0 !important; padding: 0 !important; }
.tnt-news-ticker-inner { min-height: 48px; padding: 8px 14px !important; border-radius: 18px !important; box-shadow: 0 10px 24px rgba(31,109,132,.07) !important; }
.tnt-news-ticker strong { font-size: 14px; }
.tnt-news-ticker-track a { padding: 6px 11px !important; font-size: 13px; }

.tnt-latest-news-slider { padding-top: clamp(42px, 6vw, 70px); }
.tnt-latest-news-slider .tnt-section-head { margin-bottom: 18px; }
.tnt-article-slider { cursor: grab; user-select: none; scroll-behavior: smooth; }
.tnt-article-slider.is-dragging { cursor: grabbing; scroll-behavior: auto; }
.tnt-article-slider .tnt-article-card { height: 100%; }
.tnt-article-card { min-width: 0; }
.tnt-article-card h3 { min-height: 68px; }
.tnt-article-body { min-height: 252px; }
.tnt-article-card p { min-height: 72px; }

.tnt-pricing-page .tnt-pricing-hero,
.tnt-pricing-page .tnt-inner-hero,
.tnt-rights-page.tnt-pricing-page .tnt-pricing-hero { padding-block: clamp(34px, 5vw, 58px) !important; }
.tnt-pricing-page .tnt-pricing-hero h1 { font-size: clamp(32px, 4.6vw, 48px) !important; margin: 8px 0 8px !important; }
.tnt-pricing-page .tnt-pricing-hero p { font-size: 16px !important; line-height: 1.75 !important; }
.tnt-price-tabs { gap: 10px; margin-bottom: 16px !important; }
.tnt-price-tabs .tnt-tab { min-height: 48px; }
.tnt-price-card { scroll-margin-top: 110px; }

.tnt-floating-whatsapp { z-index: 50; bottom: max(22px, env(safe-area-inset-bottom)); }
.tnt-footer { padding-top: 36px !important; padding-bottom: 18px; }
.tnt-footer-grid { align-items: start; }
.tnt-footer-logo { background: #fff; border-radius: 18px; padding: 4px; }

@media (max-width: 1024px) {
  .tnt-article-slider { grid-auto-columns: calc((100% - 18px)/2) !important; gap: 18px !important; }
  .tnt-hero-art .tnt-arch-frame { max-width: 310px !important; }
}
@media (max-width: 700px) {
  .tnt-system-hero { padding-block: 18px 24px !important; }
  .tnt-hero-layout { gap: 12px !important; }
  .tnt-hero-copy { gap: 10px; }
  .tnt-eyebrow { font-size: 12px; padding: 6px 11px; }
  .tnt-hero-copy h1 { font-size: clamp(30px, 9vw, 38px) !important; line-height: 1.12 !important; }
  .tnt-hero-text { font-size: 15px !important; line-height: 1.65 !important; }
  .tnt-hero-art .tnt-arch-frame { max-width: 184px !important; padding: 8px !important; border-radius: 22px !important; }
  .tnt-hero-actions { display: grid !important; grid-template-columns: 1fr; gap: 8px !important; }
  .tnt-hero-actions .tnt-btn { min-height: 46px !important; padding: 10px 15px !important; font-size: 14px !important; }
  .tnt-hero-actions .tnt-btn-outline { min-height: 40px !important; font-size: 13px !important; }
  .tnt-stat-row { gap: 7px !important; }
  .tnt-stat-row div { min-height: 62px !important; padding: 8px 5px !important; border-radius: 16px !important; }
  .tnt-stat-row b { font-size: 16px !important; }
  .tnt-stat-row span { font-size: 11px !important; line-height: 1.35; }
  .tnt-hero-counter.tnt-real-counter { display: block !important; max-width: none; }
  .tnt-hero-counter .tnt-real-counter-card { grid-template-columns: 36px 1fr; gap: 9px; padding: 10px 11px; border-radius: 18px; }
  .tnt-hero-counter .tnt-real-counter-icon { width: 36px; height: 36px; border-radius: 13px; font-size: 14px; }
  .tnt-hero-counter .tnt-real-counter-trust { font-size: 12px; margin-bottom: 6px; }
  .tnt-hero-counter .tnt-real-counter-stats { gap: 5px; }
  .tnt-hero-counter .tnt-real-counter-stats span { font-size: 11px; padding: 4px 7px; }
  .tnt-news-ticker-inner { border-radius: 16px !important; padding: 9px !important; }
  .tnt-news-ticker strong { font-size: 13px; }
  .tnt-news-ticker-track a { font-size: 12px; }
  .tnt-article-slider { grid-auto-columns: 92% !important; gap: 12px !important; padding-bottom: 14px !important; }
  .tnt-article-body { min-height: 230px; padding: 16px; }
  .tnt-article-card h3 { min-height: auto; font-size: 19px; }
  .tnt-article-card p { min-height: 62px; font-size: 14px; }
  .tnt-slider-controls button { width: 40px; height: 40px; border-radius: 14px; }
  .tnt-section { padding-block: 42px; }
  .tnt-pricing-page .tnt-inner-hero,
  .tnt-pricing-page .tnt-pricing-hero { padding-block: 22px 24px !important; }
  .tnt-pricing-page .tnt-pricing-hero h1 { font-size: 30px !important; }
  .tnt-pricing-page .tnt-pricing-hero p { font-size: 14px !important; line-height: 1.6 !important; }
  .tnt-price-tabs { top: 64px !important; padding: 6px !important; border-radius: 16px !important; gap: 6px; }
  .tnt-price-tabs .tnt-tab { min-height: 40px !important; padding: 7px 10px !important; font-size: 12px !important; }
  .tnt-tab-panel.is-active { padding-top: 8px; }
  .tnt-floating-whatsapp { bottom: max(14px, env(safe-area-inset-bottom)); inset-inline-start: 12px; width: 50px; height: 50px; }
  .tnt-contact-grid { gap: 12px !important; }
  .tnt-channel-card { padding: 15px !important; border-radius: 20px !important; }
  .tnt-channel-icon { width: 44px !important; height: 44px !important; font-size: 18px !important; }
  .tnt-final-cta { padding: 20px 14px !important; }
  .tnt-footer { padding-top: 28px !important; }
  .tnt-footer-grid { gap: 14px !important; }
  .tnt-footer-bottom { gap: 8px !important; font-size: 12px !important; }
}

/* v2.8.1 — Conversion UX Sections: compact, mobile-first, no clutter */
.tnt-compact-section{padding-block:clamp(46px,7vw,82px)}
.tnt-section-head.compact{max-width:820px;margin-inline:auto;margin-bottom:clamp(22px,3vw,34px)}
.tnt-path-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:stretch}
.tnt-path-copy,.tnt-path-result,.tnt-before-pricing-card,.tnt-reassurance-shell,.tnt-parent-guide-card{border:1px solid rgba(43,127,157,.12);background:rgba(255,255,255,.88);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);position:relative;overflow:hidden}
.tnt-path-copy{padding:clamp(24px,4vw,36px)}
.tnt-path-copy h2,.tnt-reassurance-copy h2,.tnt-before-pricing-card h2{color:var(--primary-dark);margin:8px 0 12px;line-height:1.35}
.tnt-path-copy p,.tnt-reassurance-copy p,.tnt-before-pricing-card p{color:#4B5563;line-height:1.9;margin:0}
.tnt-path-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.tnt-path-option{appearance:none;border:1px solid rgba(43,127,157,.15);background:#fff;color:var(--primary-dark);border-radius:999px;min-height:48px;padding:10px 16px;font-family:Cairo,Tajawal,sans-serif;font-weight:900;display:inline-flex;align-items:center;gap:9px;cursor:pointer;transition:all .25s ease;box-shadow:0 10px 24px rgba(31,109,132,.06)}
.tnt-path-option i{color:var(--gold)}
.tnt-path-option:hover,.tnt-path-option.is-active{transform:translateY(-2px);background:rgba(43,127,157,.08);border-color:rgba(219,164,38,.5);box-shadow:0 16px 34px rgba(31,109,132,.10)}
.tnt-path-result{padding:clamp(24px,4vw,34px);display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(135deg,#fff,rgba(245,247,251,.92))}
.tnt-path-result:before{content:"";position:absolute;inset:auto -30px -42px auto;width:160px;height:160px;border-radius:50%;background:rgba(219,164,38,.11)}
.tnt-path-result>span{width:max-content;background:rgba(219,164,38,.14);color:var(--primary-dark);border-radius:999px;padding:8px 14px;font-family:Cairo,sans-serif;font-weight:900;font-size:13px}
.tnt-path-result h3{font-size:clamp(24px,3vw,34px);color:var(--primary-dark);margin:0;line-height:1.35}
.tnt-path-result p{color:#4B5563;line-height:1.9;margin:0 0 8px}.tnt-path-result .tnt-btn{width:max-content;min-width:220px}
.tnt-audience-grid,.tnt-value-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:stretch}
.tnt-audience-grid article,.tnt-value-grid article{background:#fff;border:1px solid rgba(43,127,157,.10);border-radius:24px;padding:20px 16px;text-align:center;box-shadow:0 12px 30px rgba(31,109,132,.07);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:150px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.tnt-audience-grid article:hover,.tnt-value-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(31,109,132,.11);border-color:rgba(219,164,38,.35)}
.tnt-audience-grid i,.tnt-value-grid i{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(43,127,157,.08);color:var(--gold);font-size:20px}
.tnt-audience-grid h3,.tnt-value-grid h3{font-size:18px;line-height:1.4;margin:4px 0 0;color:var(--primary-dark)}
.tnt-audience-grid p,.tnt-value-grid p{font-size:15px;color:#4B5563;line-height:1.65;margin:0}
.tnt-reassurance-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;padding:clamp(24px,4vw,36px)}
.tnt-reassurance-copy{display:flex;flex-direction:column;gap:12px}.tnt-reassurance-copy .tnt-btn{width:max-content;margin-top:4px}
.tnt-reassurance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tnt-reassurance-grid article{background:rgba(245,247,251,.72);border:1px solid rgba(43,127,157,.09);border-radius:22px;padding:18px;display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:start}.tnt-reassurance-grid i{grid-row:span 2;width:42px;height:42px;border-radius:16px;background:#fff;color:var(--gold);display:grid;place-items:center;box-shadow:0 10px 24px rgba(31,109,132,.08)}.tnt-reassurance-grid h3{margin:0;color:var(--primary-dark);font-size:18px}.tnt-reassurance-grid p{margin:0;color:#4B5563;line-height:1.7;font-size:15px}
.tnt-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.tnt-compare-grid article{background:#fff;border:1px solid rgba(43,127,157,.12);border-radius:26px;padding:22px;box-shadow:0 14px 34px rgba(31,109,132,.08);display:flex;flex-direction:column;gap:10px;min-height:190px}.tnt-compare-grid article.is-highlight{border-color:rgba(219,164,38,.55);background:linear-gradient(180deg,#fff,rgba(219,164,38,.08))}.tnt-compare-grid b{font-family:Cairo,sans-serif;color:var(--primary-dark);font-size:22px;line-height:1.4}.tnt-compare-grid span{width:max-content;background:rgba(43,127,157,.08);color:var(--primary-dark);border-radius:999px;padding:7px 12px;font-weight:900}.tnt-compare-grid p{color:#4B5563;line-height:1.8;margin:0;flex-grow:1}
.tnt-before-pricing-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(24px,4vw,34px);margin-top:-8px}.tnt-before-pricing-card .tnt-btn{flex:0 0 auto;min-width:210px}.tnt-pricing-helper{margin-bottom:20px;margin-top:0}
.tnt-parent-guide-card{margin-top:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.tnt-parent-guide-card h3{margin:0 0 8px;color:var(--primary-dark);font-size:clamp(21px,2.2vw,27px)}.tnt-parent-guide-card p{margin:0;color:#4B5563;line-height:1.85}.tnt-parent-guide-card .tnt-btn{flex:0 0 auto}
.tnt-inner-page-hero{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;padding:clamp(54px,8vw,94px) 0;position:relative;overflow:hidden}.tnt-inner-page-hero:after{content:"";position:absolute;inset:auto -90px -120px auto;width:310px;height:310px;border-radius:50%;background:rgba(219,164,38,.15)}.tnt-inner-page-hero h1{color:#fff;margin:0 0 12px;line-height:1.35}.tnt-inner-page-hero p{color:rgba(255,255,255,.88);line-height:1.9;max-width:760px;margin:0 auto}.tnt-parent-page .tnt-readable-card{margin-top:-38px;position:relative;z-index:2}.tnt-parent-tips{display:grid;gap:16px}.tnt-parent-tips article{background:#fff;border:1px solid rgba(43,127,157,.10);border-radius:22px;padding:20px;box-shadow:0 12px 30px rgba(31,109,132,.06)}.tnt-parent-tips h3{margin:0 0 8px;color:var(--primary-dark)}.tnt-parent-tips p{margin:0;color:#4B5563;line-height:1.9}
@media (max-width: 1100px){.tnt-audience-grid,.tnt-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tnt-path-shell,.tnt-reassurance-shell{grid-template-columns:1fr}}
@media (max-width: 820px){.tnt-compact-section{padding-block:40px}.tnt-audience-grid,.tnt-value-grid,.tnt-compare-grid{grid-template-columns:1fr 1fr}.tnt-before-pricing-card,.tnt-parent-guide-card{flex-direction:column;align-items:stretch}.tnt-before-pricing-card .tnt-btn,.tnt-parent-guide-card .tnt-btn,.tnt-path-result .tnt-btn,.tnt-reassurance-copy .tnt-btn{width:100%;min-width:0}.tnt-reassurance-grid{grid-template-columns:1fr}}
@media (max-width: 560px){.tnt-path-copy,.tnt-path-result,.tnt-before-pricing-card,.tnt-reassurance-shell,.tnt-parent-guide-card{border-radius:24px}.tnt-path-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tnt-path-option{justify-content:center;min-height:46px;padding:10px 8px;font-size:13px}.tnt-audience-grid,.tnt-value-grid,.tnt-compare-grid{grid-template-columns:1fr}.tnt-audience-grid article,.tnt-value-grid article{min-height:auto;padding:18px}.tnt-compare-grid article{min-height:auto}.tnt-reassurance-grid article{grid-template-columns:40px 1fr;padding:16px}.tnt-before-pricing-card{padding:22px}.tnt-parent-guide-card{padding:20px}.tnt-inner-page-hero{padding:46px 0 76px}.tnt-parent-page .tnt-readable-card{margin-top:-34px}}
.tnt-readable-card{max-width:900px;margin-inline:auto;background:#fff;border:1px solid rgba(43,127,157,.10);border-radius:28px;box-shadow:var(--shadow-soft);padding:clamp(24px,4vw,38px)}
.tnt-parent-tips h3 i{color:var(--gold);margin-inline-end:8px;background:transparent!important}


/* v2.8.1 — Polish helper cards and system wording */
.tnt-reassurance-shell,
.tnt-before-pricing-card{
  background:
    radial-gradient(circle at 92% 8%, rgba(219,164,38,.13), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,247,251,.94));
  border:1px solid rgba(43,127,157,.15);
  box-shadow:0 24px 60px rgba(31,109,132,.10);
}
.tnt-before-pricing-card{
  align-items:center;
  min-height:156px;
  padding:clamp(26px,4vw,42px);
}
.tnt-before-pricing-card::before{
  content:"";
  position:absolute;
  inset:auto 28px 24px auto;
  width:96px;
  height:96px;
  border-radius:32px;
  background:
    linear-gradient(135deg, rgba(43,127,157,.10), rgba(219,164,38,.10));
  opacity:.55;
  transform:rotate(8deg);
  pointer-events:none;
}
.tnt-before-pricing-card > div,
.tnt-before-pricing-card > a,
.tnt-reassurance-copy,
.tnt-reassurance-grid{position:relative;z-index:1}
.tnt-before-pricing-card h2,
.tnt-before-pricing-card h3,
.tnt-reassurance-copy h2{
  font-size:clamp(25px,3vw,36px);
  letter-spacing:-.02em;
}
.tnt-before-pricing-card p,
.tnt-reassurance-copy p{
  max-width:780px;
  color:#425466;
  font-size:17px;
}
.tnt-before-pricing-card .tnt-btn,
.tnt-reassurance-copy .tnt-btn{
  height:58px;
  border-radius:20px;
  padding-inline:26px;
  box-shadow:0 18px 34px rgba(219,164,38,.20);
}
.tnt-reassurance-shell{gap:32px}
.tnt-reassurance-copy{
  padding:clamp(12px,2vw,22px);
}
.tnt-reassurance-grid article{
  background:rgba(255,255,255,.78);
  border-color:rgba(43,127,157,.13);
  box-shadow:0 12px 28px rgba(31,109,132,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.tnt-reassurance-grid article:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(31,109,132,.10);
  border-color:rgba(219,164,38,.35);
}
.tnt-reassurance-grid h3{font-size:19px}
.tnt-compare-grid article p{color:#4B5563}
@media (max-width: 820px){
  .tnt-before-pricing-card{
    text-align:center;
    min-height:auto;
    gap:18px;
  }
  .tnt-before-pricing-card::before{display:none}
  .tnt-before-pricing-card p{font-size:16px;margin-inline:auto}
  .tnt-reassurance-copy{text-align:center;align-items:center;padding:0}
  .tnt-reassurance-grid article{min-height:128px}
}
@media (max-width: 560px){
  .tnt-before-pricing-card,.tnt-reassurance-shell{padding:22px 18px}
  .tnt-before-pricing-card h2,.tnt-before-pricing-card h3,.tnt-reassurance-copy h2{font-size:24px}
  .tnt-before-pricing-card .tnt-btn,.tnt-reassurance-copy .tnt-btn{height:54px;border-radius:18px}
}


/* =========================================================
   v2.8.2 — Facebook real reviews carousel
   ========================================================= */
.tnt-facebook-reviews{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(43,127,157,.10), transparent 30%),
    radial-gradient(circle at 90% 8%, rgba(219,164,38,.12), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(245,247,251,.92));
}
.tnt-facebook-reviews::before{
  content:"";
  position:absolute;
  inset:28px 7% auto auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(43,127,157,.08), rgba(219,164,38,.10));
  filter:blur(2px);
  opacity:.55;
  pointer-events:none;
}
.tnt-review-head{position:relative;z-index:1;margin-bottom:18px}
.tnt-review-head .tnt-section-head{text-align:initial;margin:0;max-width:780px}
.tnt-review-head .tnt-section-label i{color:#1877f2;margin-inline-end:6px}
.tnt-review-slider{position:relative;z-index:1;padding-top:8px!important}
.tnt-review-slider .tnt-review-card{
  min-height:330px;
  padding:24px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));
  border:1px solid rgba(43,127,157,.13);
  box-shadow:0 18px 45px rgba(31,109,132,.10);
  justify-content:space-between;
  gap:18px;
}
.tnt-review-card::before{
  content:"\f10d";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:var(--gold);
  background:rgba(219,164,38,.10);
  box-shadow:0 10px 24px rgba(219,164,38,.12);
}
.tnt-review-stars{display:flex;gap:5px;color:var(--gold);font-size:14px;margin-top:-4px}
.tnt-review-card p{
  color:#334155!important;
  font-size:16px;
  line-height:1.9;
  margin:0!important;
  min-height:120px!important;
  flex-grow:1;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.tnt-review-author{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
  border-top:1px solid rgba(43,127,157,.10);
}
.tnt-review-author span{
  color:var(--primary-dark)!important;
  font-family:Cairo,sans-serif;
  font-weight:900;
  background:transparent!important;
}
.tnt-review-author small{
  color:var(--muted)!important;
  font-weight:800;
  background:rgba(43,127,157,.06);
  border-radius:999px;
  padding:6px 10px;
  white-space:nowrap;
}
.tnt-review-source{
  position:relative;
  z-index:1;
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:26px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(43,127,157,.12);
  box-shadow:0 14px 34px rgba(31,109,132,.08);
}
.tnt-review-source p{margin:0;color:#475569;line-height:1.8;font-weight:700}
.tnt-review-source .tnt-btn{min-width:260px}
@media (max-width:1024px){
  .tnt-review-slider .tnt-review-card{min-height:320px;padding:22px}
}
@media (max-width:700px){
  .tnt-review-head{align-items:flex-start;flex-direction:column;gap:12px}
  .tnt-review-head .tnt-section-head{text-align:center;max-width:none}
  .tnt-review-head .tnt-slider-controls{align-self:center}
  .tnt-review-slider{grid-auto-columns:92%!important}
  .tnt-review-slider .tnt-review-card{min-height:300px;padding:18px;border-radius:24px}
  .tnt-review-card p{font-size:15px;line-height:1.8;-webkit-line-clamp:5;min-height:112px!important}
  .tnt-review-author{align-items:flex-start;flex-direction:column}
  .tnt-review-author small{white-space:normal}
  .tnt-review-source{flex-direction:column;text-align:center;padding:18px 15px;border-radius:22px}
  .tnt-review-source .tnt-btn{width:100%;min-width:0}
}

/* =========================================================
   v2.8.3 — Footer Quran Radio player
   ========================================================= */
.tnt-quran-radio{
  margin: 26px 0 18px;
  padding: 18px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 12%, rgba(219,164,38,.16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 42px rgba(0,0,0,.13);
  display: grid;
  grid-template-columns: auto minmax(0,1fr) minmax(260px,420px) auto;
  align-items: center;
  gap: 16px;
  color: #fff;
  overflow: hidden;
}
.tnt-quran-radio__icon{
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: rgba(219,164,38,.18);
  color: var(--gold);
  font-size: 22px;
  border: 1px solid rgba(219,164,38,.28);
}
.tnt-quran-radio__content span{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,.76);
  font-family: "Cairo", sans-serif;
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 3px;
}
.tnt-quran-radio__content strong{
  display: block;
  font-family: "Cairo", sans-serif;
  font-size: 21px;
  font-weight: 900;
  color: #fff;
  line-height: 1.25;
}
.tnt-quran-radio__content p{
  margin: 4px 0 0!important;
  color: rgba(255,255,255,.74)!important;
  font-size: 14px;
  line-height: 1.7;
}
.tnt-quran-radio__player{
  width: 100%;
  height: 42px;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.12));
}
.tnt-quran-radio__fallback{
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 999px;
  padding: 0 16px;
  color: #1F6D84!important;
  background: linear-gradient(135deg, #fff, rgba(255,255,255,.88));
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  font-size: 13px;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.42);
}
.tnt-quran-radio__fallback:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}
@media (max-width: 980px){
  .tnt-quran-radio{grid-template-columns:auto 1fr;}
  .tnt-quran-radio__player,
  .tnt-quran-radio__fallback{grid-column:1 / -1;}
}
@media (max-width: 560px){
  .tnt-quran-radio{
    margin: 18px 0 12px;
    padding: 16px;
    border-radius: 22px;
    grid-template-columns: 1fr;
    text-align: center;
  }
  .tnt-quran-radio__icon{margin: 0 auto;}
  .tnt-quran-radio__content strong{font-size: 19px;}
  .tnt-quran-radio__content p{font-size: 13px;}
}


/* v2.8.4 — Optional Quran journey audio experience in hero */
.tnt-hero-audio {
  width: min(100%, 620px);
  margin: 18px 0 0;
  padding: 14px;
  border-radius: 24px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(43, 127, 157, .13);
  box-shadow: 0 16px 38px rgba(31, 109, 132, .10);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
}
.tnt-hero-audio::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(219, 164, 38, .10), transparent 42%, rgba(43, 127, 157, .08));
  pointer-events: none;
}
.tnt-hero-audio > * { position: relative; z-index: 1; }
.tnt-hero-audio-icon {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: var(--primary-dark, #1F6D84);
  background: linear-gradient(145deg, rgba(219, 164, 38, .22), rgba(43, 127, 157, .10));
  border: 1px solid rgba(219, 164, 38, .20);
}
.tnt-hero-audio-icon i { font-size: 19px; margin-inline-end: 2px; }
.tnt-hero-audio-icon span {
  width: 3px;
  height: 14px;
  border-radius: 999px;
  background: var(--gold, #DBA426);
  display: inline-block;
  transform-origin: center bottom;
  animation: tntAudioWave 1.1s ease-in-out infinite;
  opacity: .8;
}
.tnt-hero-audio-icon span:nth-child(3) { height: 22px; animation-delay: .16s; }
.tnt-hero-audio-icon span:nth-child(4) { height: 17px; animation-delay: .32s; }
.tnt-hero-audio:not(.is-playing) .tnt-hero-audio-icon span { animation-play-state: paused; opacity: .45; }
.tnt-hero-audio-content { min-width: 0; }
.tnt-hero-audio-content span {
  display: block;
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  color: var(--gold, #DBA426);
  font-size: 13px;
  margin-bottom: 2px;
}
.tnt-hero-audio-content strong {
  display: block;
  font-family: "Cairo", sans-serif;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.45;
  color: var(--primary-dark, #1F6D84);
}
.tnt-hero-audio-content small {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.65;
  color: var(--muted, #64748B);
}
.tnt-hero-audio-btn {
  height: 48px;
  min-width: 146px;
  border: 0;
  border-radius: 999px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, var(--primary, #2B7F9D), var(--primary-dark, #1F6D84));
  box-shadow: 0 12px 28px rgba(31, 109, 132, .20);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  white-space: nowrap;
}
.tnt-hero-audio-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(31, 109, 132, .26);
}
.tnt-hero-audio.is-playing .tnt-hero-audio-btn {
  background: linear-gradient(135deg, var(--gold, #DBA426), #B98211);
}
.tnt-hero-audio.is-error {
  border-color: rgba(220, 38, 38, .20);
}
.tnt-hero-audio.is-error .tnt-hero-audio-content small {
  color: #B91C1C;
}
@keyframes tntAudioWave {
  0%, 100% { transform: scaleY(.52); }
  50% { transform: scaleY(1.05); }
}
@media (max-width: 720px) {
  .tnt-hero-audio {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    border-radius: 22px;
    margin-top: 14px;
  }
  .tnt-hero-audio-icon {
    width: 50px;
    height: 50px;
    border-radius: 18px;
  }
  .tnt-hero-audio-btn {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    height: 46px;
  }
  .tnt-hero-audio-content small { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .tnt-hero-audio-icon span { animation: none !important; }
}

/* =========================================================
   v2.8.5 — Hero audio visual integration + Facebook CTA polish
   ========================================================= */
.tnt-hero-audio audio {
  display: none !important;
}
.tnt-hero-art .tnt-hero-audio-visual {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: 18px;
  transform: translateX(-50%);
  width: min(92%, 430px);
  margin: 0;
  z-index: 6;
  padding: 12px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 18%, rgba(219,164,38,.22), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(234,246,251,.80));
  border: 1px solid rgba(255,255,255,.72);
  box-shadow: 0 22px 54px rgba(31,109,132,.18);
}
.tnt-hero-art .tnt-hero-audio-visual::before {
  background:
    linear-gradient(90deg, rgba(43,127,157,.08), transparent 38%),
    radial-gradient(circle at 8% 100%, rgba(219,164,38,.16), transparent 36%);
}
.tnt-hero-art .tnt-hero-audio-visual .tnt-hero-audio-content span {
  color: #9A711B;
}
.tnt-hero-art .tnt-hero-audio-visual .tnt-hero-audio-btn {
  min-width: 132px;
  height: 46px;
}
.tnt-hero-art .tnt-hero-audio-visual.is-playing {
  border-color: rgba(219,164,38,.42);
  box-shadow: 0 28px 62px rgba(31,109,132,.20), 0 0 0 6px rgba(219,164,38,.08);
}
.tnt-review-source-card {
  padding: 18px 20px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(24,119,242,.11), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,249,252,.94)) !important;
  border: 1px solid rgba(24,119,242,.14) !important;
  box-shadow: 0 18px 44px rgba(31,109,132,.11) !important;
}
.tnt-review-source-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 21px;
  color: #fff;
  background: linear-gradient(135deg, #1877F2, #0E5FC6);
  font-size: 24px;
  box-shadow: 0 14px 30px rgba(24,119,242,.22);
}
.tnt-review-source-copy strong {
  display: block;
  font-family: "Cairo", sans-serif;
  color: var(--primary-dark, #1F6D84);
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 4px;
}
.tnt-review-source-copy p {
  margin: 0 !important;
  color: #475569 !important;
  line-height: 1.85;
  font-weight: 700;
}
.tnt-review-facebook-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 18px;
  padding: 0 22px;
  color: #fff !important;
  background: linear-gradient(135deg, #1877F2, #0E5FC6);
  border: 1px solid rgba(24,119,242,.18);
  box-shadow: 0 16px 34px rgba(24,119,242,.23);
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.tnt-review-facebook-btn:hover {
  transform: translateY(-3px);
  filter: saturate(1.06);
  box-shadow: 0 22px 44px rgba(24,119,242,.28);
}
.tnt-review-facebook-btn i {
  color: #fff !important;
}
@media (max-width: 900px) {
  .tnt-hero-art .tnt-hero-audio-visual {
    width: min(96%, 390px);
    bottom: 8px;
  }
  .tnt-hero-art .tnt-hero-audio-visual .tnt-hero-audio-content small {
    display: none;
  }
  .tnt-review-source-card {
    grid-template-columns: auto 1fr !important;
  }
  .tnt-review-facebook-btn {
    grid-column: 1 / -1;
    width: 100%;
  }
}
@media (max-width: 700px) {
  .tnt-hero-art .tnt-hero-audio-visual {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    width: 100%;
    max-width: 360px;
    margin: 10px auto 0;
    grid-template-columns: auto minmax(0,1fr);
  }
  .tnt-hero-art .tnt-hero-audio-visual .tnt-hero-audio-btn {
    grid-column: 1 / -1;
    width: 100%;
  }
  .tnt-review-source-card {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    justify-items: center !important;
  }
  .tnt-review-source-icon {
    width: 54px;
    height: 54px;
    border-radius: 19px;
  }
  .tnt-review-source-copy strong {
    font-size: 17px;
  }
}


/* v2.8.6 — remove internal/technical feature strip from public homepage */


/* =========================================================
   v2.9.0 — Final live cleanup, hero audio visual, theme screenshot
   ========================================================= */
/* Strongly hide native hero audio element so visitors only see the custom UI. */
audio[data-hero-audio-player],
.tnt-hero-audio audio {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

.tnt-hero-art {
  align-content: center;
  gap: 14px;
}
.tnt-hero-art .tnt-arch-frame.tnt-audio-visual-frame {
  width: min(100%, 470px) !important;
  max-width: 470px !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  padding: 10px !important;
  border-radius: 36px !important;
  background:
    radial-gradient(circle at 70% 18%, rgba(219,164,38,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(234,246,251,.78)) !important;
  border: 1px solid rgba(43,127,157,.12) !important;
  box-shadow: 0 26px 70px rgba(31,109,132,.15) !important;
  overflow: hidden !important;
}
.tnt-hero-art .tnt-arch-frame.tnt-audio-visual-frame::before,
.tnt-hero-art .tnt-arch-frame.tnt-audio-visual-frame::after {
  display: none !important;
}
.tnt-hero-art .tnt-arch-frame.tnt-audio-visual-frame img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 28px !important;
  filter: none !important;
  transform: none !important;
}
.tnt-hero-art .tnt-hero-audio-visual.tnt-audio-story-card {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: min(100%, 470px) !important;
  max-width: 470px !important;
  margin: 0 auto !important;
  z-index: 6 !important;
  padding: 14px !important;
  border-radius: 28px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 12px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.86)),
    url('assets/images/hero-audio-wide.webp') center right / cover no-repeat !important;
  border: 1px solid rgba(43,127,157,.13) !important;
  box-shadow: 0 20px 52px rgba(31,109,132,.14) !important;
  overflow: hidden !important;
}
.tnt-hero-art .tnt-hero-audio-visual.tnt-audio-story-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 88% 12%, rgba(219,164,38,.16), transparent 34%),
    linear-gradient(135deg, rgba(43,127,157,.08), transparent 44%);
  pointer-events: none;
}
.tnt-hero-art .tnt-hero-audio-visual.tnt-audio-story-card > * {
  position: relative;
  z-index: 1;
}
.tnt-audio-story-card .tnt-hero-audio-icon {
  background: linear-gradient(135deg, rgba(31,109,132,.96), rgba(43,127,157,.92)) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(31,109,132,.18);
}
.tnt-audio-story-card .tnt-hero-audio-icon span { background: #fff !important; }
.tnt-audio-story-card .tnt-hero-audio-content span {
  color: #9A711B !important;
  font-size: 12px !important;
}
.tnt-audio-story-card .tnt-hero-audio-content strong {
  color: var(--primary-dark) !important;
  font-size: clamp(15px, 1.6vw, 18px) !important;
}
.tnt-audio-story-card .tnt-hero-audio-content small {
  color: #5D6E82 !important;
  font-size: 12px !important;
}
.tnt-audio-story-card .tnt-hero-audio-btn {
  min-width: 128px !important;
  height: 46px !important;
  background: linear-gradient(135deg, var(--gold), #B98211) !important;
  box-shadow: 0 14px 30px rgba(219,164,38,.24) !important;
}
.tnt-audio-story-card.is-playing .tnt-hero-audio-btn {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
}

/* Make the Facebook reviews CTA unmistakable and balanced. */
.tnt-review-source-card,
.tnt-review-source {
  margin-top: 24px !important;
  padding: 18px 20px !important;
  background:
    radial-gradient(circle at 92% 15%, rgba(24,119,242,.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(244,249,252,.96)) !important;
  border: 1px solid rgba(24,119,242,.16) !important;
  box-shadow: 0 18px 44px rgba(31,109,132,.10) !important;
}
.tnt-review-facebook-btn,
.tnt-review-source .tnt-btn {
  color: #fff !important;
  background: linear-gradient(135deg, #1877F2, #0E5FC6) !important;
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(24,119,242,.24) !important;
  opacity: 1 !important;
}

/* Footer radio: use a custom compact player, never browser-native controls. */
.tnt-quran-radio__player {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.tnt-quran-radio__button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  white-space: nowrap;
  border: 0;
  border-radius: 999px;
  padding: 0 18px;
  color: #1F6D84;
  background: linear-gradient(135deg, #fff, rgba(255,255,255,.90));
  box-shadow: 0 14px 30px rgba(0,0,0,.12);
  font-family: "Cairo", sans-serif;
  font-weight: 900;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease;
}
.tnt-quran-radio__button:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(0,0,0,.16); }
.tnt-quran-radio.is-playing .tnt-quran-radio__button { color: #fff; background: linear-gradient(135deg, var(--gold), #B98211); }

@media (max-width: 900px) {
  .tnt-hero-art .tnt-arch-frame.tnt-audio-visual-frame,
  .tnt-hero-art .tnt-hero-audio-visual.tnt-audio-story-card {
    max-width: 390px !important;
  }
  .tnt-hero-art .tnt-hero-audio-visual.tnt-audio-story-card {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
  .tnt-audio-story-card .tnt-hero-audio-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
  .tnt-audio-story-card .tnt-hero-audio-content small { display: none !important; }
}
@media (max-width: 700px) {
  .tnt-hero-art { min-height: auto !important; }
  .tnt-hero-art .tnt-arch-frame.tnt-audio-visual-frame {
    max-width: 300px !important;
    border-radius: 28px !important;
    padding: 8px !important;
  }
  .tnt-hero-art .tnt-arch-frame.tnt-audio-visual-frame img { border-radius: 22px !important; }
  .tnt-hero-art .tnt-hero-audio-visual.tnt-audio-story-card {
    max-width: 100% !important;
    border-radius: 22px !important;
    padding: 12px !important;
  }
  .tnt-audio-story-card .tnt-hero-audio-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
  }
  .tnt-audio-story-card .tnt-hero-audio-content strong { font-size: 15px !important; }
}


/* =========================================================
   v2.9.0 — Separate audio visual story, stronger UX polish
   ========================================================= */
html, body { max-width: 100%; overflow-x: hidden; }
.tnt-main { overflow-x: clip; }
.tnt-hero-art .tnt-clean-hero-visual {
  border-radius: 38px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(234,246,251,.82)) !important;
}
.tnt-hero-art .tnt-clean-hero-visual img {
  object-fit: cover !important;
  object-position: center !important;
}
.tnt-audio-cinema-section {
  padding-block: clamp(42px, 6vw, 86px);
  background:
    radial-gradient(circle at 12% 12%, rgba(219,164,38,.10), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(43,127,157,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(245,247,251,.96));
  position: relative;
}
.tnt-audio-cinema-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('assets/images/bg-pattern.webp') center / cover no-repeat;
  opacity: .045;
  pointer-events: none;
}
.tnt-audio-cinema-card {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: clamp(22px, 4vw, 46px);
  align-items: center;
  padding: clamp(20px, 4vw, 42px);
  border-radius: 34px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(43,127,157,.13);
  box-shadow: 0 28px 80px rgba(31,109,132,.12);
  backdrop-filter: blur(14px);
  overflow: hidden;
}
.tnt-audio-cinema-card::after {
  content: "";
  position: absolute;
  inset-inline-start: -120px;
  inset-block-end: -130px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: rgba(219,164,38,.10);
  pointer-events: none;
}
.tnt-audio-cinema-copy h2 {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.28;
  color: var(--primary-dark);
  margin: 12px 0 14px;
}
.tnt-audio-cinema-copy p {
  color: var(--muted);
  font-size: 17px;
  line-height: 2;
  max-width: 620px;
}
.tnt-audio-cinema-points {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 18px 0 24px;
  list-style: none;
}
.tnt-audio-cinema-points li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #3F5268;
  font-weight: 700;
  line-height: 1.8;
}
.tnt-audio-cinema-points i { color: var(--gold); margin-top: 6px; }
.tnt-audio-cinema-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
}
.tnt-audio-cinema-toggle {
  min-height: 54px;
  min-width: 190px;
  border-radius: 999px !important;
  box-shadow: 0 16px 36px rgba(219,164,38,.24) !important;
}
.tnt-audio-cinema-actions small {
  color: #66778A;
  font-weight: 700;
}
.tnt-audio-cinema-visual {
  position: relative;
  aspect-ratio: 16 / 10;
  min-height: 340px;
  border-radius: 34px;
  overflow: hidden;
  background: #EAF6FB;
  border: 1px solid rgba(43,127,157,.14);
  box-shadow: 0 24px 64px rgba(31,109,132,.14);
  isolation: isolate;
}
.tnt-audio-cinema-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.055);
  transition: opacity .75s ease, transform 4.8s ease;
  will-change: opacity, transform;
}
.tnt-audio-cinema-visual img.is-active {
  opacity: 1;
  transform: scale(1);
}
.tnt-audio-cinema-overlay {
  position: absolute;
  inset: auto 24px 22px 24px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: 0 18px 44px rgba(31,109,132,.16);
  backdrop-filter: blur(12px);
}
.tnt-audio-cinema-play {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  box-shadow: 0 14px 32px rgba(31,109,132,.26);
}
.tnt-cinema-wave {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 120px;
  height: 46px;
}
.tnt-cinema-wave span {
  width: 6px;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--gold), var(--primary));
  opacity: .72;
  animation: tntCinemaWave 1.1s ease-in-out infinite;
  animation-play-state: paused;
}
.tnt-cinema-wave span:nth-child(2){height:26px;animation-delay:.08s}.tnt-cinema-wave span:nth-child(3){height:36px;animation-delay:.16s}.tnt-cinema-wave span:nth-child(4){height:24px;animation-delay:.24s}.tnt-cinema-wave span:nth-child(5){height:18px;animation-delay:.32s}
.tnt-audio-cinema-card.is-playing .tnt-cinema-wave span { animation-play-state: running; }
.tnt-audio-cinema-card.is-playing .tnt-audio-cinema-play i,
.tnt-audio-cinema-card.is-playing .tnt-audio-cinema-toggle i { animation: tntPulseIcon 1.25s ease-in-out infinite; }
.tnt-audio-cinema-dots {
  position: absolute;
  z-index: 4;
  inset-inline-end: 24px;
  inset-block-start: 22px;
  display: flex;
  gap: 8px;
}
.tnt-audio-cinema-dots span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(43,127,157,.20);
  box-shadow: 0 6px 14px rgba(31,109,132,.10);
}
.tnt-audio-cinema-dots span.is-active {
  width: 26px;
  background: var(--gold);
  border-color: rgba(219,164,38,.55);
}
@keyframes tntCinemaWave { 0%,100%{transform:scaleY(.65)} 50%{transform:scaleY(1.2)} }
@keyframes tntPulseIcon { 0%,100%{transform:scale(1)} 50%{transform:scale(1.10)} }
/* Hide native scrollbars for sliders while preserving touch/drag behavior. */
.tnt-article-slider,
.tnt-fb-reviews-track,
.tnt-review-track {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.tnt-article-slider::-webkit-scrollbar,
.tnt-fb-reviews-track::-webkit-scrollbar,
.tnt-review-track::-webkit-scrollbar { display: none !important; }
.tnt-article-card .tnt-article-thumb {
  background: url('assets/images/articles/article-01.webp') center / cover no-repeat, #EAF6FB;
}
.tnt-article-card .tnt-article-thumb img {
  background: #EAF6FB;
}
@media (max-width: 900px) {
  .tnt-audio-cinema-card { grid-template-columns: 1fr; }
  .tnt-audio-cinema-visual { min-height: 300px; order: -1; }
}
@media (max-width: 640px) {
  .tnt-audio-cinema-section { padding-block: 28px; }
  .tnt-audio-cinema-card { padding: 16px; border-radius: 26px; gap: 18px; }
  .tnt-audio-cinema-copy h2 { font-size: 26px; }
  .tnt-audio-cinema-copy p { font-size: 15.5px; line-height: 1.85; }
  .tnt-audio-cinema-points { gap: 7px; margin: 12px 0 18px; }
  .tnt-audio-cinema-points li { font-size: 14px; }
  .tnt-audio-cinema-actions { display: grid; grid-template-columns: 1fr; }
  .tnt-audio-cinema-actions small { font-size: 12.5px; text-align: center; }
  .tnt-audio-cinema-toggle { width: 100%; min-width: 0; }
  .tnt-audio-cinema-visual { aspect-ratio: 4 / 5; min-height: 330px; border-radius: 24px; }
  .tnt-audio-cinema-overlay { inset: auto 12px 12px 12px; padding: 10px; }
  .tnt-audio-cinema-play { width: 44px; height: 44px; }
  .tnt-cinema-wave { height: 36px; min-width: 80px; }
  .tnt-cinema-wave span { width: 5px; }
  .tnt-audio-cinema-dots { inset-inline-end: 16px; inset-block-start: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .tnt-audio-cinema-visual img,
  .tnt-cinema-wave span,
  .tnt-audio-cinema-card.is-playing .tnt-audio-cinema-play i,
  .tnt-audio-cinema-card.is-playing .tnt-audio-cinema-toggle i {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   v2.9.0 — Softer audio cinema, mobile polish, final UX cleanup
   ========================================================= */
.tnt-audio-cinema-section {
  padding-block: clamp(34px, 5vw, 70px) !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(219,164,38,.08), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(43,127,157,.09), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,247,251,.98)) !important;
}
.tnt-audio-cinema-card {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .95fr) !important;
  padding: clamp(18px, 3.2vw, 34px) !important;
  gap: clamp(20px, 3vw, 34px) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(243,250,253,.90)) !important;
  box-shadow: 0 22px 60px rgba(31,109,132,.10) !important;
}
.tnt-audio-cinema-copy h2 {
  font-size: clamp(28px, 3.4vw, 42px) !important;
  max-width: 560px;
}
.tnt-audio-cinema-copy p {
  max-width: 610px !important;
  font-size: 16.5px !important;
  line-height: 1.95 !important;
  color: #53657A !important;
}
.tnt-audio-cinema-points { display: none !important; }
.tnt-audio-cinema-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 22px;
}
.tnt-audio-cinema-badges span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(43,127,157,.12);
  color: var(--primary-dark);
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(31,109,132,.07);
}
.tnt-audio-cinema-badges i { color: var(--gold); }
.tnt-audio-cinema-actions small {
  color: #51677C !important;
  font-weight: 800 !important;
  max-width: 280px;
  line-height: 1.7;
}
.tnt-audio-cinema-toggle {
  min-width: 170px !important;
  min-height: 52px !important;
  font-size: 16px !important;
}
.tnt-audio-cinema-visual {
  min-height: 315px !important;
  border-radius: 30px !important;
  box-shadow: 0 20px 54px rgba(31,109,132,.13) !important;
}
.tnt-audio-cinema-overlay {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(255,255,255,.95) !important;
}
/* Hide every native audio element used only by custom controls. */
audio[data-audio-gallery-player],
audio[data-hero-audio-player],
audio[data-quran-radio-player] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  inset: auto !important;
  pointer-events: none !important;
}
@media (max-width: 900px) {
  .tnt-audio-cinema-card { grid-template-columns: 1fr !important; }
  .tnt-audio-cinema-visual { order: -1; }
}
@media (max-width: 640px) {
  .tnt-audio-cinema-section { padding-block: 22px !important; }
  .tnt-audio-cinema-card {
    padding: 14px !important;
    border-radius: 24px !important;
    gap: 16px !important;
  }
  .tnt-audio-cinema-copy h2 { font-size: 24px !important; line-height: 1.35 !important; }
  .tnt-audio-cinema-copy p { font-size: 14.8px !important; line-height: 1.85 !important; }
  .tnt-audio-cinema-badges { gap: 8px; margin: 14px 0 16px; }
  .tnt-audio-cinema-badges span { font-size: 12.8px; padding: 7px 10px; min-height: 34px; }
  .tnt-audio-cinema-actions small { text-align: center; max-width: 100%; }
  .tnt-audio-cinema-visual { min-height: 300px !important; aspect-ratio: 4 / 4.6 !important; }
  .tnt-audio-cinema-overlay { inset: auto 10px 10px 10px !important; gap: 10px !important; }
}


/* =========================================================
   v2.9.0 — Mobile First Final Polish (safe desktop-preserving overrides)
   ========================================================= */
:root {
  --tnt-mobile-gap: 14px;
}
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}
.tnt-main,
.tnt-section,
.tnt-container,
.tnt-hero,
.tnt-audio-cinema-section {
  max-width: 100%;
}
.tnt-main { overflow-x: clip !important; }
/* Keep native audio controls hidden; every audio experience has a custom button. */
.tnt-main audio,
.tnt-footer audio,
audio[data-audio-gallery-player],
audio[data-hero-audio-player],
audio[data-quran-radio-player] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 900px) {
  .tnt-header {
    background: rgba(255,255,255,.96) !important;
  }
  .tnt-navbar {
    min-height: 72px !important;
    grid-template-columns: auto minmax(0,1fr) !important;
    column-gap: 10px !important;
  }
  .tnt-mobile-toggle {
    order: 1;
    width: 50px !important;
    height: 50px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.95) !important;
    color: var(--primary-dark) !important;
    border: 1px solid rgba(43,127,157,.16) !important;
    box-shadow: 0 14px 30px rgba(31,109,132,.10) !important;
  }
  .tnt-brand {
    order: 2;
    justify-content: flex-end;
  }
  .tnt-logo {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    padding: 5px !important;
  }
  .tnt-brand-text b {
    font-size: 15px !important;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tnt-brand-text small {
    display: none !important;
  }
  .tnt-menu-wrap {
    position: fixed !important;
    top: 82px !important;
    right: 12px !important;
    left: 12px !important;
    z-index: 10000 !important;
    max-height: min(64vh, 430px) !important;
    overflow: auto !important;
    border-radius: 26px !important;
    transform: translateY(-8px) scale(.98) !important;
  }
  .admin-bar .tnt-menu-wrap { top: 128px !important; }
  .tnt-menu-wrap.is-open { transform: translateY(0) scale(1) !important; }
  .tnt-menu {
    padding: 12px !important;
    gap: 6px !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 24px 70px rgba(15, 42, 58, .18) !important;
    backdrop-filter: blur(20px);
  }
  .tnt-menu a {
    justify-content: center !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    font-size: 15px !important;
    border-radius: 18px !important;
    background: rgba(245,247,251,.72);
  }
}

@media (max-width: 768px) {
  .tnt-container { width: min(100% - 24px, 1200px) !important; }
  .tnt-section { padding-block: 38px !important; }
  .tnt-section-head { margin-bottom: 22px !important; }
  .tnt-section-head h2,
  .tnt-about-copy h2,
  .tnt-teacher-layout h2,
  .tnt-contact-card h2 {
    font-size: clamp(27px, 8vw, 34px) !important;
    line-height: 1.35 !important;
  }
  .tnt-section-head p,
  .tnt-about-copy p,
  .tnt-hero-text,
  .tnt-page-card p,
  .tnt-student-guide-cta p {
    font-size: 15.5px !important;
    line-height: 1.85 !important;
  }
  .tnt-section-label,
  .tnt-eyebrow {
    font-size: 13px !important;
    min-height: 34px !important;
    padding: 7px 13px !important;
  }

  /* Hero: shorter, clearer, and faster to reach content. */
  .tnt-hero {
    padding-block: 28px 30px !important;
  }
  .tnt-hero-layout {
    gap: 18px !important;
  }
  .tnt-hero-copy {
    order: 1 !important;
  }
  .tnt-hero-copy h1,
  .tnt-hero h1 {
    font-size: clamp(36px, 10.5vw, 48px) !important;
    line-height: 1.16 !important;
    margin-block: 10px 12px !important;
    letter-spacing: -.4px !important;
  }
  .tnt-hero-text {
    max-width: 340px !important;
    margin-inline: auto !important;
  }
  .tnt-hero-text br { display: none !important; }
  .tnt-hero-art {
    order: 2 !important;
    min-height: auto !important;
    margin-top: 2px !important;
  }
  .tnt-hero-art .tnt-clean-hero-visual,
  .tnt-hero-art .tnt-arch-frame {
    width: min(100%, 320px) !important;
    min-height: 255px !important;
    aspect-ratio: 1 / .9 !important;
    border-radius: 28px !important;
    padding: 8px !important;
  }
  .tnt-hero-art .tnt-clean-hero-visual img,
  .tnt-hero-art .tnt-arch-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    border-radius: 22px !important;
  }
  .tnt-float { display: none !important; }
  .tnt-stat-row {
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 8px !important;
    margin-top: 18px !important;
  }
  .tnt-stat-row div {
    min-height: 68px !important;
    padding: 10px 6px !important;
    border-radius: 18px !important;
  }
  .tnt-stat-row b { font-size: 21px !important; line-height: 1.1 !important; }
  .tnt-stat-row span { font-size: 11.5px !important; line-height: 1.35 !important; }
  .tnt-real-counter-card {
    padding: 14px !important;
    border-radius: 22px !important;
    gap: 12px !important;
  }
  .tnt-real-counter-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 16px !important;
  }
  .tnt-real-counter-trust {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  .tnt-real-counter-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
  }
  .tnt-real-counter-stats span {
    flex: 1 1 135px !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 7px 9px !important;
    font-size: 12.5px !important;
    white-space: normal !important;
  }
  .tnt-hero-actions {
    width: min(100%, 330px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }
  .tnt-hero-actions .tnt-btn {
    min-height: 50px !important;
    padding: 12px 18px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
  }
  .tnt-hero-actions .tnt-btn-outline {
    min-height: 44px !important;
    font-size: 14px !important;
  }

  /* Audio story: compact, beautiful and not a full-screen block on phones. */
  .tnt-audio-cinema-section {
    padding-block: 24px !important;
  }
  .tnt-audio-cinema-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    padding: 14px !important;
    gap: 14px !important;
    border-radius: 24px !important;
  }
  .tnt-audio-cinema-visual {
    order: -1 !important;
    aspect-ratio: 16 / 10.5 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: 250px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #EEF8FC, #FFF9EA) !important;
  }
  .tnt-audio-cinema-visual img {
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
  }
  .tnt-audio-cinema-overlay {
    inset: auto 10px 10px 10px !important;
    padding: 8px 10px !important;
    border-radius: 999px !important;
  }
  .tnt-audio-cinema-play {
    width: 42px !important;
    height: 42px !important;
  }
  .tnt-cinema-wave { height: 32px !important; min-width: 86px !important; }
  .tnt-audio-cinema-dots { inset-block-start: 12px !important; inset-inline-end: 14px !important; }
  .tnt-audio-cinema-copy { text-align: center !important; }
  .tnt-audio-cinema-copy h2 {
    font-size: clamp(24px, 7.2vw, 30px) !important;
    line-height: 1.35 !important;
    margin: 8px auto 10px !important;
    max-width: 330px !important;
  }
  .tnt-audio-cinema-copy p {
    font-size: 14.5px !important;
    line-height: 1.8 !important;
    max-width: 330px !important;
    margin-inline: auto !important;
  }
  .tnt-audio-cinema-badges {
    justify-content: center !important;
    gap: 7px !important;
    margin: 12px 0 14px !important;
  }
  .tnt-audio-cinema-badges span {
    min-height: 32px !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
  }
  .tnt-audio-cinema-actions {
    grid-template-columns: 1fr !important;
    width: min(100%, 310px) !important;
    margin-inline: auto !important;
  }
  .tnt-audio-cinema-toggle {
    min-height: 48px !important;
    width: 100% !important;
    font-size: 15px !important;
  }
  .tnt-audio-cinema-actions small {
    font-size: 12.5px !important;
    line-height: 1.6 !important;
  }

  /* Cards and sections: less height, cleaner rhythm. */
  .tnt-path-shell,
  .tnt-reassurance-shell,
  .tnt-before-pricing-card,
  .tnt-parent-guide-card,
  .tnt-student-guide-cta,
  .tnt-admin-panel,
  .tnt-audio-cinema-card,
  .tnt-contact-card,
  .tnt-final-cta {
    border-radius: 24px !important;
    padding: 18px 14px !important;
  }
  .tnt-audience-grid,
  .tnt-value-grid,
  .tnt-service-grid,
  .tnt-admin-grid,
  .tnt-steps,
  .tnt-contact-grid {
    gap: 12px !important;
  }
  .tnt-audience-grid article,
  .tnt-value-grid article,
  .tnt-service-grid article,
  .tnt-admin-grid article,
  .tnt-steps article,
  .tnt-channel-card {
    padding: 18px 14px !important;
    border-radius: 22px !important;
    min-height: auto !important;
  }
  .tnt-audience-grid article i,
  .tnt-value-grid article i,
  .tnt-service-grid article img,
  .tnt-admin-grid article i,
  .tnt-steps article i {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 8px !important;
  }
  .tnt-audience-grid article h3,
  .tnt-value-grid article h3,
  .tnt-service-grid article h3,
  .tnt-admin-grid article h3,
  .tnt-steps article h3 {
    font-size: 21px !important;
    line-height: 1.35 !important;
    margin-bottom: 7px !important;
  }
  .tnt-audience-grid article p,
  .tnt-value-grid article p,
  .tnt-service-grid article p,
  .tnt-admin-grid article p,
  .tnt-steps article p {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
  }
  .tnt-steps article span {
    width: 34px !important;
    height: 34px !important;
    font-size: 15px !important;
  }
  .tnt-about-layout { gap: 22px !important; text-align: center !important; }
  .tnt-about-copy p { max-width: 340px !important; margin-inline: auto !important; }
  .tnt-about-points { justify-content: center !important; gap: 8px !important; }
  .tnt-about-points span { font-size: 13px !important; padding: 8px 10px !important; }
  .tnt-founder-quote { padding: 16px !important; border-radius: 22px !important; }
  .tnt-about-visual { min-height: 280px !important; aspect-ratio: 1 / .9 !important; border-radius: 26px !important; }
  .tnt-about-visual img { width: min(78%, 250px) !important; }
  .tnt-student-guide-cta p { max-width: 320px !important; margin-inline: auto !important; text-align: center !important; }
  .tnt-student-guide-cta .tnt-btn,
  .tnt-parent-guide-card .tnt-btn,
  .tnt-before-pricing-card .tnt-btn {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    white-space: normal !important;
    line-height: 1.5 !important;
    font-size: 14.5px !important;
  }
  .tnt-admin-panel .tnt-section-head p {
    max-width: 320px !important;
    margin-inline: auto !important;
  }
  .tnt-admin-grid { grid-template-columns: 1fr 1fr !important; }
  .tnt-admin-grid article p { display: none !important; }
  .tnt-admin-grid article { min-height: 126px !important; display: grid !important; place-items: center !important; text-align: center !important; }
  .tnt-admin-grid article h3 { margin: 0 !important; }
}

@media (max-width: 480px) {
  .tnt-container { width: min(100% - 20px, 1200px) !important; }
  .tnt-navbar { min-height: 68px !important; }
  .tnt-logo { width: 44px !important; height: 44px !important; }
  .tnt-brand-text b { font-size: 14px !important; max-width: 185px !important; }
  .tnt-mobile-toggle { width: 46px !important; height: 46px !important; }
  .tnt-hero { padding-block: 22px 26px !important; }
  .tnt-hero-copy h1,
  .tnt-hero h1 { font-size: clamp(33px, 10vw, 43px) !important; }
  .tnt-hero-text { font-size: 15px !important; line-height: 1.8 !important; max-width: 310px !important; }
  .tnt-stat-row { gap: 7px !important; }
  .tnt-stat-row div { min-height: 64px !important; border-radius: 16px !important; }
  .tnt-stat-row b { font-size: 19px !important; }
  .tnt-stat-row span { font-size: 10.8px !important; }
  .tnt-real-counter-stats span { flex-basis: 100% !important; }
  .tnt-audio-cinema-visual { max-height: 220px !important; }
  .tnt-audio-cinema-copy h2 { font-size: 23px !important; }
  .tnt-audio-cinema-copy p { font-size: 14px !important; }
  .tnt-audio-cinema-badges span:nth-child(3) { display: none !important; }
  .tnt-section { padding-block: 32px !important; }
  .tnt-section-head h2,
  .tnt-about-copy h2,
  .tnt-teacher-layout h2,
  .tnt-contact-card h2 { font-size: 27px !important; }
  .tnt-value-grid,
  .tnt-audience-grid,
  .tnt-service-grid,
  .tnt-steps { grid-template-columns: 1fr !important; }
  .tnt-admin-grid { grid-template-columns: 1fr 1fr !important; }
  .tnt-admin-grid article { min-height: 112px !important; padding: 14px 10px !important; }
  .tnt-admin-grid i { width: 48px !important; height: 48px !important; }
  .tnt-admin-grid h3 { font-size: 18px !important; }
  .tnt-floating-whatsapp {
    width: 54px !important;
    height: 54px !important;
    font-size: 27px !important;
    left: 12px !important;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 9992 !important;
  }
  .tnt-floating-whatsapp::before { inset: -6px !important; }
  .tnt-back-to-top { display: none !important; }
  .tnt-footer { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; }
}

@media (max-width: 360px) {
  .tnt-brand-text b { max-width: 155px !important; font-size: 13px !important; }
  .tnt-hero-copy h1,
  .tnt-hero h1 { font-size: 31px !important; }
  .tnt-stat-row { grid-template-columns: 1fr !important; }
  .tnt-stat-row div { min-height: 56px !important; }
  .tnt-audio-cinema-visual { max-height: 205px !important; }
}

@media (min-width: 901px) {
  .tnt-audio-cinema-card:hover,
  .tnt-price-card:hover,
  .tnt-channel-card:hover,
  .tnt-value-grid article:hover,
  .tnt-audience-grid article:hover {
    transform: translateY(-4px);
  }
}


/* =========================================================
   v2.9.2 — Audio frame, rights CTA and premium motion cleanup
   ========================================================= */
.tnt-quran-radio__fallback {
  display: none !important;
}

/* Audio visual: keep every generated image fully visible inside a polished frame. */
.tnt-audio-cinema-visual {
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.92), transparent 30%),
    linear-gradient(135deg, #EEF8FC 0%, #FFFFFF 46%, #FFF7E0 100%) !important;
  border: 1px solid rgba(43,127,157,.16) !important;
}
.tnt-audio-cinema-visual::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 0;
  border-radius: inherit;
  background:
    linear-gradient(135deg, rgba(43,127,157,.06), rgba(219,164,38,.08));
  pointer-events: none;
}
.tnt-audio-cinema-visual img {
  z-index: 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: clamp(8px, 1.2vw, 14px) !important;
  filter: drop-shadow(0 18px 30px rgba(31,109,132,.10));
  transform: scale(1.015) translateY(8px) !important;
}
.tnt-audio-cinema-visual img.is-active {
  transform: scale(1) translateY(0) !important;
}
.tnt-audio-cinema-overlay,
.tnt-audio-cinema-dots {
  z-index: 4 !important;
}
.tnt-audio-cinema-card.is-playing .tnt-audio-cinema-visual {
  box-shadow: 0 28px 80px rgba(31,109,132,.16), 0 0 0 1px rgba(219,164,38,.14) !important;
}
.tnt-audio-cinema-card.is-playing .tnt-audio-cinema-visual img.is-active {
  animation: tntAudioImageBreath 5.5s ease-in-out infinite;
}
@keyframes tntAudioImageBreath {
  0%, 100% { transform: scale(1) translateY(0); }
  50% { transform: scale(1.025) translateY(-4px); }
}

/* Rights guide CTA: no cropped text, elegant animated button, mobile-safe. */
.tnt-student-guide-cta {
  overflow: visible !important;
  position: relative !important;
  isolation: isolate;
}
.tnt-student-guide-cta .tnt-rights-guide-button {
  width: min(100%, 560px) !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  line-height: 1.55 !important;
  min-height: 58px !important;
  padding: 13px 22px !important;
  border-radius: 22px !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 18px 46px rgba(43,127,157,.22) !important;
}
.tnt-student-guide-cta .tnt-rights-guide-button::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(110%) skewX(-18deg);
  width: 45%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  animation: tntButtonShine 3.6s ease-in-out infinite;
}
.tnt-student-guide-cta .tnt-rights-guide-button i,
.tnt-student-guide-cta .tnt-rights-guide-button span {
  position: relative;
  z-index: 1;
}
@keyframes tntButtonShine {
  0%, 35% { transform: translateX(130%) skewX(-18deg); }
  58%, 100% { transform: translateX(-260%) skewX(-18deg); }
}

/* Softer but richer section reveal animation. */
.tnt-scroll-reveal,
[data-reveal] {
  opacity: 0;
  transform: translateY(26px) scale(.985);
  transition: opacity .72s cubic-bezier(.22,.61,.36,1), transform .72s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease;
}
.tnt-scroll-reveal.is-visible,
[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.tnt-price-card,
.tnt-channel-card,
.tnt-fb-review-card,
.tnt-steps article,
.tnt-value-grid article,
.tnt-audience-grid article,
.tnt-service-grid article {
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}
.tnt-price-card:hover,
.tnt-channel-card:hover,
.tnt-fb-review-card:hover,
.tnt-steps article:hover,
.tnt-value-grid article:hover,
.tnt-audience-grid article:hover,
.tnt-service-grid article:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 60px rgba(31,109,132,.14) !important;
}

@media (max-width: 768px) {
  .tnt-audio-cinema-card {
    padding: 12px !important;
    border-radius: 26px !important;
  }
  .tnt-audio-cinema-visual {
    aspect-ratio: 1 / .82 !important;
    max-height: none !important;
    min-height: 240px !important;
  }
  .tnt-audio-cinema-visual img {
    padding: 7px !important;
  }
  .tnt-audio-cinema-overlay {
    inset: auto 8px 8px 8px !important;
    padding: 8px 9px !important;
  }
  .tnt-student-guide-cta {
    padding: 18px 12px !important;
    border-radius: 24px !important;
  }
  .tnt-student-guide-cta .tnt-rights-guide-button {
    width: 100% !important;
    min-height: auto !important;
    padding: 13px 12px !important;
    font-size: 13.8px !important;
    border-radius: 18px !important;
    gap: 7px !important;
  }
}

@media (max-width: 420px) {
  .tnt-audio-cinema-visual {
    min-height: 220px !important;
    aspect-ratio: 1 / .92 !important;
  }
  .tnt-cinema-wave {
    min-width: 58px !important;
    gap: 5px !important;
  }
  .tnt-cinema-wave span:nth-child(4),
  .tnt-cinema-wave span:nth-child(5) {
    display: none;
  }
  .tnt-student-guide-cta .tnt-rights-guide-button {
    font-size: 13.2px !important;
    line-height: 1.65 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tnt-audio-cinema-card.is-playing .tnt-audio-cinema-visual img.is-active,
  .tnt-student-guide-cta .tnt-rights-guide-button::before,
  .tnt-scroll-reveal,
  [data-reveal] {
    animation: none !important;
    transition: none !important;
  }
}


/* =========================================================
   v2.9.2 — Mobile header, audio gallery, articles images polish
   ========================================================= */
@media (max-width: 768px) {
  .tnt-navbar {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .tnt-brand {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }
  .tnt-brand-text {
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }
  .tnt-brand-text b {
    display: block !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    font-size: clamp(15px, 4.15vw, 18px) !important;
    line-height: 1.25 !important;
    letter-spacing: -.2px !important;
  }
  .tnt-brand-text small { display: none !important; }
}
@media (max-width: 390px) {
  .tnt-navbar { gap: 7px !important; }
  .tnt-logo { width: 40px !important; height: 40px !important; }
  .tnt-mobile-toggle { width: 42px !important; height: 42px !important; border-radius: 15px !important; }
  .tnt-brand-text b { font-size: 14px !important; line-height: 1.2 !important; }
}

.tnt-audio-cinema-card {
  position: relative;
  overflow: hidden;
}
.tnt-audio-cinema-visual {
  background:
    linear-gradient(135deg, rgba(238,248,252,.96), rgba(255,249,234,.96)) !important;
  border: 1px solid rgba(43,127,157,.12) !important;
}
.tnt-audio-cinema-visual::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.74);
  pointer-events: none;
  z-index: 2;
}
.tnt-audio-cinema-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  filter: saturate(1.02) contrast(1.01);
}
.tnt-audio-cinema-visual img.is-active {
  animation: tntSoftCinemaIn .72s ease both;
}
.tnt-audio-cinema-card.is-playing .tnt-audio-cinema-visual {
  box-shadow: 0 26px 70px rgba(31,109,132,.16), 0 0 0 1px rgba(219,164,38,.12) inset !important;
}
@keyframes tntSoftCinemaIn {
  from { opacity: 0; transform: scale(1.018); }
  to { opacity: 1; transform: scale(1); }
}
@media (min-width: 901px) {
  .tnt-audio-cinema-visual {
    aspect-ratio: 16 / 9 !important;
    min-height: auto !important;
    max-height: 430px !important;
  }
}
@media (max-width: 768px) {
  .tnt-audio-cinema-section { padding-block: 22px !important; }
  .tnt-audio-cinema-card { box-shadow: 0 18px 48px rgba(31,109,132,.10) !important; }
  .tnt-audio-cinema-visual {
    aspect-ratio: 16 / 9 !important;
    max-height: none !important;
    min-height: auto !important;
    height: auto !important;
  }
  .tnt-audio-cinema-overlay {
    width: calc(100% - 22px) !important;
    max-width: 330px !important;
    margin-inline: auto !important;
    left: 11px !important;
    right: 11px !important;
    justify-content: space-between !important;
  }
  .tnt-cinema-wave { flex: 1 1 auto !important; min-width: 0 !important; }
  .tnt-audio-cinema-copy h2 { max-width: 360px !important; }
  .tnt-audio-cinema-copy p { max-width: 360px !important; }
}

.tnt-article-slider {
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.tnt-article-slider::-webkit-scrollbar { display: none !important; }
.tnt-article-thumb {
  background:
    linear-gradient(135deg, rgba(238,248,252,.92), rgba(255,249,234,.88)),
    url('assets/images/articles/article-01.webp') center / cover no-repeat !important;
}
.tnt-article-thumb img {
  opacity: 1;
  transition: transform .45s ease, opacity .25s ease;
}
.tnt-article-card:hover .tnt-article-thumb img { transform: scale(1.045); }
.tnt-article-card {
  animation: tntArticleFloatIn .55s ease both;
}
@keyframes tntArticleFloatIn {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}
@media (max-width: 700px) {
  .tnt-latest-posts .tnt-section-head,
  .tnt-article-slider-section .tnt-section-head { text-align: center !important; }
  .tnt-article-slider {
    grid-auto-columns: 86% !important;
    gap: 13px !important;
    padding-inline: 2px !important;
  }
  .tnt-article-card { border-radius: 23px !important; }
  .tnt-article-thumb { aspect-ratio: 16 / 9 !important; }
  .tnt-article-body { min-height: auto !important; padding: 15px !important; }
  .tnt-article-meta { font-size: 12px !important; gap: 7px !important; }
  .tnt-article-card h3 { font-size: 18px !important; line-height: 1.45 !important; min-height: auto !important; }
  .tnt-article-card p { font-size: 14px !important; min-height: auto !important; line-height: 1.75 !important; }
  .tnt-read-more { min-height: 43px !important; border-radius: 15px !important; }
}

/* Prevent floating actions from covering important buttons on small screens. */
@media (max-width: 768px) {
  .tnt-floating-whatsapp {
    width: 58px !important;
    height: 58px !important;
    inset-inline-start: 14px !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
  }
  .tnt-back-to-top { display: none !important; }
  .tnt-main { padding-bottom: 82px !important; }
}


/* v2.9.3 — Terms & Conditions Page */
.tnt-terms-page {
  background: linear-gradient(180deg, #F9FAFC 0%, #F5F7FB 48%, #ffffff 100%);
  color: var(--text);
}
.tnt-terms-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(74px, 9vw, 120px) 0 clamp(44px, 6vw, 70px);
  background:
    radial-gradient(circle at 12% 18%, rgba(219,164,38,.14), transparent 28%),
    radial-gradient(circle at 84% 10%, rgba(43,127,157,.16), transparent 34%),
    linear-gradient(135deg, rgba(31,109,132,.98), rgba(43,127,157,.92));
  text-align: center;
  color: #fff;
}
.tnt-terms-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(30deg, rgba(255,255,255,.055) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.055) 87.5%, rgba(255,255,255,.055)),
    linear-gradient(150deg, rgba(255,255,255,.055) 12%, transparent 12.5%, transparent 87%, rgba(255,255,255,.055) 87.5%, rgba(255,255,255,.055));
  background-size: 64px 112px;
  opacity: .35;
  pointer-events: none;
}
.tnt-terms-hero .tnt-container { position: relative; z-index: 2; }
.tnt-terms-hero .tnt-section-label {
  background: rgba(255,255,255,.14);
  color: #fff;
  border-color: rgba(255,255,255,.22);
}
.tnt-terms-hero h1 {
  margin: 14px auto 14px;
  max-width: 920px;
  color: #fff;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.25;
}
.tnt-terms-hero p {
  max-width: 850px;
  margin: 0 auto;
  color: rgba(255,255,255,.88);
  line-height: 1.9;
  font-size: clamp(16px, 2vw, 19px);
}
.tnt-terms-content {
  padding: clamp(34px, 6vw, 72px) 0 clamp(70px, 8vw, 110px);
}
.tnt-terms-shell {
  max-width: 980px;
  margin: -74px auto 0;
  position: relative;
  z-index: 4;
  display: grid;
  gap: 20px;
}
.tnt-terms-intro,
.tnt-terms-card,
.tnt-terms-final-note {
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(43,127,157,.12);
  border-radius: 28px;
  box-shadow: 0 22px 60px rgba(31,109,132,.10);
}
.tnt-terms-intro {
  padding: clamp(22px, 4vw, 34px);
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 18px;
  align-items: start;
}
.tnt-terms-icon {
  width: 60px;
  height: 60px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  color: var(--gold);
  background: linear-gradient(135deg, rgba(219,164,38,.14), rgba(43,127,157,.08));
  box-shadow: inset 0 0 0 1px rgba(219,164,38,.18);
  font-size: 24px;
}
.tnt-terms-intro h2,
.tnt-terms-card h2,
.tnt-terms-subblock h3 {
  color: var(--primary-dark);
  margin: 0;
  line-height: 1.35;
}
.tnt-terms-intro h2 { font-size: clamp(24px, 3vw, 34px); margin-bottom: 10px; }
.tnt-terms-intro p { color: #4B5563; line-height: 1.95; margin: 0 0 10px; font-size: 17px; }
.tnt-terms-card { padding: clamp(22px, 4vw, 34px); }
.tnt-terms-card-head {
  display: flex;
  gap: 14px;
  align-items: center;
  padding-bottom: 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(43,127,157,.10);
}
.tnt-terms-card h2 { font-size: clamp(24px, 3vw, 36px); }
.tnt-terms-card p { color: #4B5563; line-height: 1.9; margin: 0; }
.tnt-terms-subgrid { display: grid; gap: 16px; }
.tnt-terms-subblock {
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(245,247,251,.78), rgba(255,255,255,.92));
  border: 1px solid rgba(43,127,157,.10);
}
.tnt-terms-subblock h3 {
  font-size: clamp(19px, 2.4vw, 24px);
  margin-bottom: 12px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.tnt-terms-subblock h3 i { color: var(--gold); }
.tnt-terms-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.tnt-terms-list li {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 10px;
  align-items: start;
  color: #4B5563;
  line-height: 1.85;
  font-size: 16.5px;
}
.tnt-terms-list li i {
  margin-top: 5px;
  color: var(--gold);
  background: transparent !important;
  box-shadow: none !important;
}
.tnt-terms-warning {
  margin-top: 14px;
  border: 1px solid rgba(219,164,38,.24);
  background: rgba(219,164,38,.08);
  color: #654814;
  border-radius: 20px;
  padding: 15px 16px;
  line-height: 1.85;
}
.tnt-terms-final-note {
  padding: clamp(22px, 4vw, 32px);
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 16px;
  align-items: center;
  background: linear-gradient(135deg, rgba(31,109,132,.98), rgba(43,127,157,.94));
  color: #fff;
}
.tnt-terms-final-note i {
  width: 56px;
  height: 56px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.14);
  color: var(--gold);
  font-size: 22px;
}
.tnt-terms-final-note strong { display:block; font-family: Cairo, sans-serif; font-size: 22px; margin-bottom: 6px; }
.tnt-terms-final-note span { display:block; color: rgba(255,255,255,.86); line-height: 1.85; }
.tnt-terms-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 10px;
}
@media (max-width: 700px) {
  .tnt-terms-hero { padding: 60px 0 82px; }
  .tnt-terms-hero h1 { font-size: 32px; }
  .tnt-terms-shell { margin-top: -54px; gap: 16px; }
  .tnt-terms-intro,
  .tnt-terms-final-note { grid-template-columns: 1fr; text-align: center; }
  .tnt-terms-icon,
  .tnt-terms-final-note i { margin-inline: auto; }
  .tnt-terms-card,
  .tnt-terms-intro,
  .tnt-terms-final-note { border-radius: 24px; }
  .tnt-terms-card-head { flex-direction: column; align-items: flex-start; }
  .tnt-terms-list li { font-size: 15.5px; line-height: 1.75; }
  .tnt-terms-subblock { padding: 16px; }
  .tnt-terms-actions .tnt-btn { width: 100%; }
}


/* =========================================================
   v3.0.1 — Preview + performance + mobile polish
   ========================================================= */
.tnt-brand-text b{
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.35 !important;
}
@media (max-width: 420px){
  .tnt-brand{gap:8px!important; min-width:0!important;}
  .tnt-logo{width:42px!important;height:42px!important;flex:0 0 42px!important;}
  .tnt-brand-text{max-width:calc(100vw - 118px)!important;}
  .tnt-brand-text b{font-size:13.2px!important;letter-spacing:-.2px!important;}
}
.tnt-audio-cinema-visual{
  background:linear-gradient(180deg,#fff,#f4fbfd)!important;
  padding:10px!important;
}
.tnt-audio-cinema-visual img{
  object-fit:contain!important;
  object-position:center!important;
  background:#f5fbfd!important;
  border-radius:24px!important;
}
.tnt-audio-cinema-card.is-playing .tnt-audio-cinema-visual img.is-active{
  animation:tntSoftZoom 6s ease-in-out both;
}
@keyframes tntSoftZoom{0%{transform:scale(.985)}50%{transform:scale(1.015)}100%{transform:scale(1)}}
@media (max-width:700px){
  .tnt-audio-cinema-card{box-shadow:0 18px 50px rgba(31,109,132,.10)!important;}
  .tnt-audio-cinema-visual{aspect-ratio:1/1!important;min-height:0!important;max-height:360px!important;}
  .tnt-audio-cinema-visual img{height:100%!important;width:100%!important;}
}
.tnt-article-thumb img{content-visibility:auto;}
.tnt-article-card{contain:layout paint;}
img{max-width:100%;height:auto;}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}


/* v3.0.4 — Application Forms with policy consent */
.tnt-application-main{background:linear-gradient(180deg,#f9fbfd 0%,#eef8fb 100%);min-height:70vh;overflow:hidden}
.tnt-application-hero{padding:120px 0 48px;background:radial-gradient(circle at 80% 10%,rgba(53,148,180,.16),transparent 34%),radial-gradient(circle at 15% 35%,rgba(219,164,38,.12),transparent 32%)}
.tnt-application-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:center}
.tnt-application-hero h1{font-family:"Cairo",sans-serif;font-size:clamp(34px,5vw,64px);line-height:1.22;color:#1F6D84;margin:18px 0 16px;font-weight:900}
.tnt-application-hero p{font-size:18px;line-height:2;color:#5d6b7b;max-width:760px}
.tnt-application-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.tnt-application-trust span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(43,127,157,.12);border-radius:999px;padding:10px 15px;color:#1F6D84;font-weight:800;box-shadow:0 12px 28px rgba(31,109,132,.08)}
.tnt-application-note{background:rgba(255,255,255,.86);border:1px solid rgba(43,127,157,.14);box-shadow:0 24px 70px rgba(31,109,132,.12);border-radius:28px;padding:28px;position:relative;overflow:hidden}
.tnt-application-note::before{content:"";position:absolute;inset:auto -40px -60px auto;width:160px;height:160px;background:rgba(219,164,38,.12);border-radius:50%}
.tnt-application-note>i{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#2B7F9D,#1F6D84);color:#fff;font-size:28px;margin-bottom:16px;box-shadow:0 18px 32px rgba(43,127,157,.18)}
.tnt-application-note strong{display:block;color:#1F6D84;font-family:"Cairo",sans-serif;font-size:24px;margin-bottom:8px}
.tnt-application-note p{font-size:16px;line-height:1.9;margin:0;color:#526174}
.tnt-application-section{padding:42px 0 90px}
.tnt-application-shell{max-width:980px;margin-inline:auto}
.tnt-application-form{background:#fff;border:1px solid rgba(43,127,157,.12);border-radius:32px;padding:32px;box-shadow:0 28px 80px rgba(31,109,132,.12)}
.tnt-form-head{text-align:center;margin-bottom:26px}.tnt-form-head h2{font-family:"Cairo",sans-serif;color:#1F6D84;font-size:clamp(28px,4vw,42px);margin:12px 0}.tnt-form-head p{color:#697789;line-height:1.9;margin:0}
.tnt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tnt-application-form label{display:flex;flex-direction:column;gap:8px;color:#1F6D84;font-weight:800;font-family:"Cairo",sans-serif}.tnt-application-form input,.tnt-application-form select,.tnt-application-form textarea{width:100%;border:1px solid rgba(43,127,157,.18);border-radius:18px;background:#f9fcfd;padding:14px 15px;font-family:"Tajawal",sans-serif;font-size:16px;color:#26384b;outline:none;transition:.25s ease}.tnt-application-form :is(input,select,textarea):focus{border-color:#2B7F9D;background:#fff;box-shadow:0 0 0 4px rgba(43,127,157,.10)}.tnt-form-full{margin-top:16px}.tnt-policy-box{margin:22px 0;padding:20px;border-radius:24px;background:linear-gradient(135deg,rgba(43,127,157,.07),rgba(219,164,38,.08));border:1px solid rgba(43,127,157,.12)}.tnt-policy-check{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start;gap:12px!important;color:#31465c!important;font-family:"Tajawal",sans-serif!important;font-weight:700!important;line-height:1.9}.tnt-policy-check input{width:22px!important;height:22px;margin-top:6px;accent-color:#2B7F9D}.tnt-policy-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tnt-policy-links a{background:#fff;color:#1F6D84;border:1px solid rgba(43,127,157,.14);border-radius:999px;padding:8px 12px;font-weight:800;text-decoration:none}.tnt-form-submit{width:100%;justify-content:center;border:0;cursor:pointer}.tnt-form-submit:disabled{opacity:.5;filter:grayscale(.25);cursor:not-allowed;transform:none!important;box-shadow:none!important}.tnt-form-message{margin:14px 0;padding:14px 16px;border-radius:18px;background:#fff8e8;color:#805b10;border:1px solid rgba(219,164,38,.22);font-weight:800}.tnt-form-message.is-success{background:#eefbf4;color:#176a3a;border-color:rgba(37,211,102,.25)}.tnt-generated-summary{margin:16px 0;padding:18px;border-radius:22px;background:#f5f9fb;border:1px solid rgba(43,127,157,.14)}.tnt-generated-summary strong{color:#1F6D84}.tnt-generated-summary textarea{margin-top:10px;direction:rtl;background:#fff}.tnt-generated-summary small{display:block;margin-top:8px;color:#6b7787;font-weight:700}.tnt-teacher-application-hero{background:radial-gradient(circle at 15% 20%,rgba(219,164,38,.14),transparent 32%),linear-gradient(180deg,#f9fcfd,#eef8fb)}
@media(max-width:768px){.tnt-application-hero{padding:92px 0 28px}.tnt-application-hero-grid{grid-template-columns:1fr;gap:18px}.tnt-application-hero h1{font-size:31px;text-align:center}.tnt-application-hero p{text-align:center;font-size:16px;line-height:1.85}.tnt-application-trust{justify-content:center}.tnt-application-note{padding:22px;border-radius:24px}.tnt-application-form{padding:20px;border-radius:26px}.tnt-form-grid{grid-template-columns:1fr}.tnt-policy-check{font-size:15px}.tnt-policy-links a{font-size:14px}.tnt-application-section{padding:28px 0 72px}}


.tnt-policy-updated {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 22px auto 0;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255, 246, 222, .86);
  border: 1px solid rgba(219, 164, 38, .28);
  color: var(--primary-dark);
  font-family: "Cairo", sans-serif;
  font-weight: 800;
  box-shadow: 0 10px 26px rgba(31, 109, 132, .08);
}
.tnt-policy-updated i { color: var(--gold); }
@media (max-width: 640px) {
  .tnt-policy-updated { font-size: 13px; padding: 9px 12px; margin-top: 16px; }
}


/* v3.0.4 — Evaluation form + attendance policy polish */
.tnt-inner-top{padding:18px 0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(43,127,157,.10)}
.tnt-inner-brand{display:inline-flex;align-items:center;gap:12px;color:#1F6D84;text-decoration:none;font-family:"Cairo",sans-serif;font-weight:900}.tnt-inner-brand img{width:52px;height:52px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(31,109,132,.10)}
.tnt-inner-hero{padding:62px 0 36px;text-align:center;background:linear-gradient(135deg,rgba(43,127,157,.08),rgba(219,164,38,.08))}.tnt-inner-hero h1{font-family:"Cairo",sans-serif;font-size:clamp(34px,6vw,68px);line-height:1.2;color:#1F6D84;margin:14px 0}.tnt-inner-hero p{max-width:760px;margin:0 auto;color:#64748B;font-size:18px;line-height:2}
.tnt-inner-content{padding:42px 0 80px}.tnt-policy-card{max-width:980px;background:#fff;border:1px solid rgba(43,127,157,.12);border-radius:32px;padding:34px;box-shadow:0 28px 80px rgba(31,109,132,.12)}
.tnt-policy-block{padding:20px;border-radius:24px;background:#f9fcfd;border:1px solid rgba(43,127,157,.10);margin-bottom:16px}.tnt-policy-block h2{display:flex;align-items:center;gap:10px;font-family:"Cairo",sans-serif;color:#1F6D84;font-size:24px;margin:0 0 12px}.tnt-policy-block h2 i{color:#DBA426}.tnt-policy-block p,.tnt-policy-block li{color:#4B5563;line-height:2;font-size:17px}.tnt-policy-block ul{margin:0;padding-inline-start:24px}
@media(max-width:768px){.tnt-rating-grid{grid-template-columns:1fr;gap:12px}.tnt-rating-grid fieldset{padding:14px;border-radius:20px}.tnt-rating-options{width:100%;justify-content:center}.tnt-rating-options label{width:36px;height:36px}.tnt-inner-hero{padding:38px 0 26px}.tnt-policy-card{padding:18px;border-radius:26px}.tnt-policy-block{padding:16px;border-radius:20px}.tnt-policy-block h2{font-size:21px}.tnt-policy-block p,.tnt-policy-block li{font-size:15.5px;line-height:1.9}}


/* v3.0.6 — Short evaluation form + student guide infographic polish */
.tnt-evaluation-lite-hero{padding-top:110px;padding-bottom:54px;position:relative;overflow:hidden}
.tnt-evaluation-lite-hero::after{content:"";position:absolute;inset:auto 6% -80px auto;width:250px;height:250px;border-radius:50%;background:rgba(219,164,38,.10);filter:blur(2px);pointer-events:none}
.tnt-evaluation-visual-card{background:rgba(255,255,255,.88);border:1px solid rgba(43,127,157,.14);border-radius:30px;padding:30px;box-shadow:0 28px 80px rgba(31,109,132,.13);position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}
.tnt-evaluation-visual-card::before{content:"";position:absolute;left:-55px;bottom:-55px;width:155px;height:155px;border-radius:42px;background:linear-gradient(135deg,rgba(219,164,38,.16),rgba(43,127,157,.08));transform:rotate(14deg)}
.tnt-evaluation-visual-card>i{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#2B7F9D,#1F6D84);color:#fff;font-size:30px;box-shadow:0 18px 36px rgba(31,109,132,.18)}
.tnt-evaluation-visual-card strong{font-family:"Cairo",sans-serif;color:#1F6D84;font-size:26px;font-weight:900}.tnt-evaluation-visual-card p{font-size:16px;line-height:1.9;color:#64748B;margin:0}.tnt-mini-stars{display:flex;gap:5px;color:#DBA426;font-size:18px;margin-top:6px}
.tnt-evaluation-lite-section{padding-top:36px}.tnt-evaluation-lite-form{max-width:960px;margin-inline:auto}.tnt-eval-short-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.tnt-rating-grid-lite{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tnt-rating-grid-lite fieldset{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:6px 14px;padding:18px;background:linear-gradient(180deg,#fff,#f8fcfd);border-radius:24px;box-shadow:0 14px 34px rgba(31,109,132,.08)}.tnt-rating-grid-lite fieldset .tnt-rating-icon{grid-row:1 / span 3;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#eef8fb;color:#DBA426;font-size:24px}.tnt-rating-grid-lite legend{display:block;float:none;width:auto;font-size:17px}.tnt-rating-grid-lite fieldset small{display:block;color:#64748B;font-weight:700;line-height:1.5}.tnt-rating-grid-lite .tnt-rating-options{grid-column:2;width:100%;justify-content:flex-start}.tnt-rating-grid-lite .tnt-rating-options label{font-size:0;width:34px;height:34px;border-radius:50%;position:relative}.tnt-rating-grid-lite .tnt-rating-options label::before{content:"★";font-size:18px;line-height:1;color:currentColor}.tnt-publish-consent-box{margin:22px 0;padding:22px;border-radius:26px;background:linear-gradient(135deg,rgba(255,246,222,.88),rgba(238,248,251,.92));border:1px solid rgba(219,164,38,.24);box-shadow:0 14px 40px rgba(31,109,132,.08)}.tnt-publish-consent-box strong{display:flex;align-items:center;gap:10px;color:#1F6D84;font-family:"Cairo",sans-serif;font-size:20px;margin-bottom:8px}.tnt-publish-consent-box strong i{color:#DBA426}.tnt-publish-consent-box p{color:#64748B;margin:0 0 14px;line-height:1.8}.tnt-publish-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tnt-publish-options label{display:block!important;cursor:pointer}.tnt-publish-options input{position:absolute;opacity:0}.tnt-publish-options span{min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(43,127,157,.14);color:#1F6D84;font-family:"Cairo",sans-serif;font-weight:900;line-height:1.5;transition:.25s ease}.tnt-publish-options input:checked+span{background:linear-gradient(135deg,#2B7F9D,#1F6D84);color:#fff;box-shadow:0 16px 34px rgba(31,109,132,.18);transform:translateY(-2px)}.tnt-publish-options input:checked+span i{color:#F8D66B}.tnt-evaluation-lite-form .tnt-form-submit{background:linear-gradient(135deg,#2B7F9D,#1F6D84);color:#fff;box-shadow:0 18px 42px rgba(43,127,157,.22)}.tnt-evaluation-lite-form .tnt-form-submit:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(43,127,157,.28)}
.tnt-student-guide-infographic-section{padding:34px 0 24px;background:linear-gradient(180deg,#f8fcfd,#fff)}.tnt-student-guide-infographic{position:relative;min-height:680px;border:1px solid rgba(43,127,157,.12);border-radius:36px;background:radial-gradient(circle at 50% 50%,rgba(219,164,38,.13),transparent 24%),linear-gradient(135deg,#fff,#f8fcfd);box-shadow:0 28px 80px rgba(31,109,132,.10);overflow:hidden;padding:32px}.tnt-student-guide-infographic::before{content:"";position:absolute;inset:70px 90px;border:2px dashed rgba(43,127,157,.18);border-radius:48%;transform:rotate(-7deg)}.tnt-guide-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:245px;height:245px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:26px;background:linear-gradient(180deg,#fff,#fff6de);border:1px solid rgba(219,164,38,.26);box-shadow:0 22px 60px rgba(31,109,132,.14);z-index:2}.tnt-guide-center i{font-size:42px;color:#DBA426}.tnt-guide-center strong{font-family:"Cairo",sans-serif;color:#1F6D84;font-size:24px;line-height:1.35}.tnt-guide-center span{color:#64748B;line-height:1.7;font-weight:700}.tnt-guide-step{position:absolute;width:285px;background:#fff;border:1px solid rgba(43,127,157,.13);border-radius:24px;padding:18px 18px 18px 20px;box-shadow:0 18px 42px rgba(31,109,132,.10);z-index:3;transition:.3s ease}.tnt-guide-step:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(31,109,132,.14)}.tnt-guide-step b{position:absolute;inset-inline-start:-14px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2B7F9D;color:#fff;font-family:"Cairo",sans-serif;box-shadow:0 10px 24px rgba(43,127,157,.18)}.tnt-guide-step i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#eef8fb;color:#DBA426;font-size:22px;margin-bottom:10px}.tnt-guide-step h3{font-family:"Cairo",sans-serif;color:#1F6D84;font-size:20px;margin:0 0 6px}.tnt-guide-step p{color:#64748B;line-height:1.8;margin:0;font-weight:700}.tnt-guide-step.s1{right:56px;top:70px}.tnt-guide-step.s2{right:72px;bottom:92px}.tnt-guide-step.s3{left:56px;top:70px}.tnt-guide-step.s4{left:72px;bottom:92px}.tnt-guide-step.s5{left:calc(50% - 142px);top:40px}.tnt-guide-step.s6{left:calc(50% - 142px);bottom:40px}
@media(max-width:900px){.tnt-rating-grid-lite,.tnt-eval-short-grid{grid-template-columns:1fr}.tnt-publish-options{grid-template-columns:1fr}.tnt-application-hero-grid{grid-template-columns:1fr}.tnt-evaluation-visual-card{align-items:center;text-align:center}.tnt-student-guide-infographic{min-height:auto;padding:22px;display:grid;gap:14px}.tnt-student-guide-infographic::before{display:none}.tnt-guide-center,.tnt-guide-step{position:relative;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%;height:auto}.tnt-guide-center{border-radius:28px}.tnt-guide-step{display:grid;grid-template-columns:50px minmax(0,1fr);gap:4px 12px}.tnt-guide-step b{inset-inline-start:auto;inset-inline-end:16px;top:16px}.tnt-guide-step i{grid-row:1 / span 2;margin:0}.tnt-guide-step h3{font-size:18px;padding-inline-end:42px}.tnt-guide-step p{grid-column:2;font-size:14.5px;line-height:1.75}.tnt-rating-grid-lite fieldset{grid-template-columns:54px minmax(0,1fr);padding:15px}.tnt-rating-grid-lite fieldset .tnt-rating-icon{width:46px;height:46px;font-size:20px}.tnt-rating-grid-lite .tnt-rating-options{grid-column:1 / -1;justify-content:center}.tnt-evaluation-lite-hero{padding-top:92px}.tnt-evaluation-lite-hero h1{font-size:34px!important}.tnt-publish-consent-box{padding:16px}.tnt-publish-options span{min-height:auto}.tnt-policy-box{padding:16px}.tnt-evaluation-lite-section{padding-top:22px}}


/* v3.0.12 — testimonial wording + teacher telegram-only form */
.tnt-teacher-telegram-only-form .tnt-form-head { text-align:center; }
.tnt-teacher-telegram-note { margin: 18px 0 22px; border:1px solid rgba(43,127,157,.14); background:linear-gradient(135deg,#f8fdff,#fffaf0); border-radius:24px; padding:24px; box-shadow:0 14px 40px rgba(31,109,132,.08); }
.tnt-teacher-telegram-note i { width:58px; height:58px; display:grid; place-items:center; border-radius:20px; background:#eaf7fb; color:#2B7F9D; font-size:28px; margin-bottom:12px; }
.tnt-teacher-telegram-note strong { display:block; color:#1F6D84; font-family:"Cairo",sans-serif; font-size:21px; margin-bottom:6px; }
.tnt-teacher-telegram-note p { color:#4B5563; line-height:1.9; margin:0; }
@media (max-width: 640px) { .tnt-teacher-telegram-note { padding:20px 16px; border-radius:20px; } .tnt-teacher-telegram-note i { margin-inline:auto; } .tnt-teacher-telegram-note { text-align:center; } }


/* v3.0.13 — Stable page chrome, footer designer credit, admin polish */
.tnt-header.is-hidden{transform:translateY(0)!important;}
.tnt-footer-bottom{gap:10px 18px;align-items:center;flex-wrap:wrap;}
.tnt-designer-credit{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.78);font-weight:800;}
.tnt-designer-credit a{color:#F7D98B!important;text-decoration:none;font-family:"Cairo",sans-serif;font-weight:900;}
.tnt-designer-credit a:hover{text-decoration:underline;}
.tnt-application-footer .tnt-footer-bottom,.tnt-policy-page .tnt-footer-bottom{justify-content:center;text-align:center;}
.tnt-footer a:focus-visible,.tnt-header a:focus-visible,.tnt-header button:focus-visible{outline:3px solid rgba(219,164,38,.55);outline-offset:4px;}
@media(max-width:760px){.tnt-designer-credit{width:100%;justify-content:center;font-size:13px}.tnt-footer-bottom{justify-content:center;text-align:center}.tnt-header{position:sticky!important}.tnt-header.is-hidden{transform:none!important}}


/* v3.0.14 — SEO/UX/performance/browser compatibility polish */
.tantawy-preloader{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.tnt-hero [data-reveal],.tnt-hero [data-reveal].is-visible{opacity:1!important;transform:none!important;transition:none!important}
.tnt-clean-hero-visual img,.tnt-audio-cinema-visual img{display:block;max-width:100%;height:auto}
.tnt-clean-hero-visual{contain:layout paint;content-visibility:visible}
.tnt-audio-cinema-visual{aspect-ratio:1100/618;contain:layout paint;background:#eef8fb}
.tnt-audio-cinema-visual img{object-fit:contain!important;background:#f7fbfd}
.tnt-article-card img,.tnt-service-grid img,.tnt-about-visual img{max-width:100%;height:auto}
.tnt-floating-whatsapp,.tnt-back-to-top{will-change:transform}
.tnt-menu-wrap{overscroll-behavior:contain}
@supports (-webkit-touch-callout:none){.tnt-header{background:rgba(255,255,255,.97)}.tnt-menu-wrap{background:#fff}.tnt-btn{-webkit-tap-highlight-color:transparent}}
@media (max-width: 767px){
  .tnt-header{position:sticky!important;top:0!important}.tnt-navbar{min-height:66px!important}.tnt-brand{max-width:calc(100% - 70px)}.tnt-brand-text b{font-size:clamp(15px,4.4vw,18px)!important;line-height:1.3!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tnt-logo{width:46px!important;height:46px!important}.tnt-mobile-toggle{width:46px!important;height:46px!important;flex:0 0 46px}.tnt-menu-wrap{top:72px!important;max-height:calc(100dvh - 92px);overflow:auto}.tnt-hero{padding-top:28px!important}.tnt-hero-layout{gap:20px!important}.tnt-hero h1,.tnt-hero-copy h1{font-size:clamp(32px,10.7vw,48px)!important}.tnt-clean-hero-visual{width:min(278px,84vw)!important}.tnt-stat-row{gap:7px!important}.tnt-stat-row>div{padding:12px 7px!important;border-radius:18px!important}.tnt-audio-cinema-section{padding-top:36px!important}.tnt-audio-cinema-card{gap:18px!important;padding:18px!important}.tnt-audio-cinema-copy h2{font-size:clamp(25px,7.8vw,34px)!important;line-height:1.3!important}.tnt-audio-cinema-copy p{font-size:15px!important;line-height:1.85!important}.tnt-audio-cinema-visual{border-radius:22px!important}.tnt-floating-whatsapp{width:58px!important;height:58px!important;left:14px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}.tnt-back-to-top{display:none!important}.tnt-section{padding-block:46px!important}.tnt-section-head h2{font-size:clamp(26px,8.5vw,38px)!important;line-height:1.35!important}.tnt-approved-card,.tnt-price-card,.tnt-best-card,.tnt-guide-card,.tnt-student-step{content-visibility:auto;contain-intrinsic-size:1px 420px}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* v3.0.16 — Speed stability patch */
@media (max-width: 768px) {
  [data-reveal],
  [data-reveal].is-visible,
  .tnt-scroll-reveal,
  .tnt-scroll-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
  .tnt-hero,
  .tnt-section,
  .tnt-audio-cinema-section,
  .tnt-about-section,
  .tnt-pricing-section,
  .tnt-student-guide-section,
  .tnt-latest-posts {
    contain: layout paint;
  }
  .tnt-clean-hero-visual,
  .tnt-audio-cinema-media,
  .tnt-article-thumb,
  .tnt-approved-card,
  .tnt-card {
    transform: none !important;
  }
}

.tnt-clean-hero-visual img,
.tnt-audio-cinema-frame img,
.tnt-article-thumb img,
.tnt-approved-watermark img {
  content-visibility: auto;
}

.tnt-article-thumb,
.tnt-audio-cinema-frame,
.tnt-clean-hero-visual {
  background: #eef8fb;
}

/* Keep layout stable before optional full fonts are loaded */
body { font-synthesis-weight: none; }


/* v3.0.16 — LCP/CLS hardening after PageSpeed audit */
.tnt-clean-hero-visual img,
.tnt-clean-hero-visual picture,
.tnt-clean-hero-visual source{
  content-visibility:visible!important;
}
.tnt-clean-hero-visual picture{display:block;width:100%;height:auto;aspect-ratio:750/899;}
.tnt-clean-hero-visual img{width:100%;height:auto;aspect-ratio:750/899;object-fit:cover;background:#eef8fb;}
.tnt-hero,.tnt-hero-layout,.tnt-hero-art,.tnt-hero-copy{content-visibility:visible!important;contain:none!important;}
.tnt-real-counter[hidden]{display:none!important;}
@media (max-width: 768px){
  .tnt-hero,.tnt-hero-layout,.tnt-hero-art,.tnt-hero-copy{content-visibility:visible!important;contain:none!important;}
  .tnt-section:not(.tnt-hero):not(.tnt-audio-cinema-section){content-visibility:auto;contain-intrinsic-size:1px 780px;}
  .tnt-audio-cinema-section{content-visibility:auto;contain-intrinsic-size:1px 650px;}
  .tnt-clean-hero-visual picture,.tnt-clean-hero-visual img{aspect-ratio:750/899;}
}
@media (min-width: 769px){
  .tnt-section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:1px 820px;}
}


/* v3.0.20 — Restore full visual layer safely after speed patch
   - Keeps LCP/CLS fixes.
   - Ensures the complete theme CSS has stable hero dimensions and responsive shape. */
.tnt-clean-hero-visual,
.tnt-hero-art .tnt-clean-hero-visual {
  overflow: hidden !important;
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(234,246,251,.82)) !important;
  box-shadow: 0 24px 64px rgba(31,109,132,.14) !important;
  border: 1px solid rgba(43,127,157,.12) !important;
}
.tnt-clean-hero-visual picture {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 750 / 899 !important;
}
.tnt-clean-hero-visual img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 750 / 899 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #eef8fb !important;
}
.tnt-hero,
.tnt-hero-layout,
.tnt-hero-art,
.tnt-hero-copy,
.tnt-clean-hero-visual,
.tnt-clean-hero-visual picture,
.tnt-clean-hero-visual img {
  content-visibility: visible !important;
  contain: none !important;
}
.tnt-menu-wrap.is-open { visibility: visible !important; }
.tnt-logo,
.tnt-footer-logo { object-fit: contain !important; }
@media (max-width: 920px) {
  .tnt-hero-layout { grid-template-columns: 1fr !important; text-align: center !important; }
  .tnt-hero-copy { order: 1 !important; margin-inline: auto !important; }
  .tnt-hero-art { order: 2 !important; min-height: auto !important; }
  .tnt-hero-actions { margin-inline: auto !important; }
}
@media (max-width: 768px) {
  .tnt-clean-hero-visual,
  .tnt-hero-art .tnt-clean-hero-visual {
    width: min(300px, 84vw) !important;
    border-radius: 28px !important;
  }
  .tnt-clean-hero-visual img { border-radius: 22px !important; }
  .tnt-section:not(.tnt-hero):not(.tnt-audio-cinema-section) {
    content-visibility: auto;
    contain-intrinsic-size: 1px 780px;
  }
  .tnt-audio-cinema-section {
    content-visibility: auto;
    contain-intrinsic-size: 1px 650px;
  }
}
@media (max-width: 430px) {
  .tnt-clean-hero-visual,
  .tnt-hero-art .tnt-clean-hero-visual { width: min(278px, 84vw) !important; }
  .tnt-stat-row { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .tnt-stat-row span { overflow-wrap: anywhere; }
}


/* v3.0.20 — Mobile menu icon fallback before FontAwesome finishes loading */
.tnt-mobile-toggle { position: relative; }
.tnt-mobile-toggle .fa-bars { display: none !important; }
.tnt-mobile-toggle-fallback { display: inline-block; font-size: 24px; line-height: 1; font-weight: 900; }


/* v3.0.20 — Mobile First Balanced speed layer: real lightweight first screen, not cloaking. */
@media (max-width: 768px){
  body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;background:#f5f7fb!important}
  .tnt-header{background:rgba(255,255,255,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 22px rgba(31,109,132,.06)!important}
  .tnt-navbar{min-height:62px!important;gap:10px!important}
  .tnt-logo{width:44px!important;height:44px!important;flex-basis:44px!important}
  .tnt-brand-text b{font-size:15px!important;line-height:1.35!important;letter-spacing:0!important}
  .tnt-mobile-toggle{width:44px!important;height:44px!important;border-radius:16px!important;box-shadow:none!important;background:#fff!important}
  .tnt-hero{padding:22px 0 26px!important;min-height:auto!important;background:linear-gradient(150deg,#f4fbfd 0%,#fffaf0 100%)!important;contain:none!important;content-visibility:visible!important}
  .tnt-hero-bg{background:radial-gradient(circle at 18% 20%,rgba(219,164,38,.18),transparent 34%),radial-gradient(circle at 84% 14%,rgba(43,127,157,.14),transparent 34%)!important}
  .tnt-hero-layout{display:block!important;text-align:center!important;gap:0!important;contain:none!important;content-visibility:visible!important}
  .tnt-hero-art{display:none!important}
  .tnt-hero-copy{max-width:470px!important;margin-inline:auto!important;contain:none!important;content-visibility:visible!important}
  .tnt-eyebrow{padding:7px 12px!important;font-size:12px!important;background:#fff!important;border-color:rgba(219,164,38,.28)!important;box-shadow:none!important}
  .tnt-hero h1,.tnt-hero-copy h1{font-size:clamp(31px,10.6vw,45px)!important;line-height:1.17!important;margin:13px 0 12px!important;letter-spacing:0!important;text-wrap:balance!important}
  .tnt-hero h1:after{content:"";display:block;width:74px;height:4px;margin:12px auto 0;border-radius:999px;background:linear-gradient(90deg,#DBA426,#2B7F9D)}
  .tnt-hero-text{font-size:15px!important;line-height:1.78!important;margin:0 auto 15px!important;max-width:390px!important;color:#52677c!important;text-wrap:balance!important}
  .tnt-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:15px auto!important;max-width:410px!important}
  .tnt-stat-row>div{padding:10px 6px!important;border-radius:16px!important;background:rgba(255,255,255,.88)!important;box-shadow:none!important;border:1px solid rgba(43,127,157,.10)!important}
  .tnt-stat-row b{font-size:18px!important;line-height:1.25!important}
  .tnt-stat-row span{font-size:10.5px!important;line-height:1.45!important;color:#5f7184!important}
  .tnt-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:min(100%,390px)!important;margin:15px auto 0!important}
  .tnt-hero-actions .tnt-btn:nth-child(n+3){display:none!important}
  .tnt-btn,.tnt-login-btn{min-height:46px!important;padding:12px 15px!important;border-radius:999px!important;box-shadow:none!important;font-size:14px!important}
  .tnt-btn-outline{background:#fff!important}
  .tnt-real-counter{display:none!important}
  .tnt-section{content-visibility:auto;contain-intrinsic-size:1px 760px}
  .tnt-hero,.tnt-system-hero{content-visibility:visible!important;contain:none!important}
  .tnt-audio-cinema-section{contain-intrinsic-size:1px 620px!important}
  .tnt-floating-whatsapp{box-shadow:none!important}
}


/* v3.0.20 — Internal SVG icon layer: keeps icons visible without FontAwesome render delay. */
i[class^="fa-"], i[class*=" fa-"]{font-family:inherit!important;font-style:normal!important;font-weight:normal!important;line-height:1!important;display:inline-grid!important;place-items:center!important;vertical-align:-.13em!important;speak:never!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important}
i[class^="fa-"]::before, i[class*=" fa-"]::before{content:""!important;display:block!important;width:1em!important;height:1em!important;background:currentColor!important;-webkit-mask:var(--tnt-svg-icon,url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l2.6 5.4 5.9.8-4.3 4.1 1 5.8L12 16.3 6.8 19.1l1-5.8-4.3-4.1 5.9-.8L12 3z%27/%3E%3C/svg%3E")) center/contain no-repeat!important;mask:var(--tnt-svg-icon,url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l2.6 5.4 5.9.8-4.3 4.1 1 5.8L12 16.3 6.8 19.1l1-5.8-4.3-4.1 5.9-.8L12 3z%27/%3E%3C/svg%3E")) center/contain no-repeat!important}
.fa-regular.fa-circle-play::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M10 8l6 4-6 4V8z%27 fill=%27black%27 stroke=%27none%27/%3E%3C/svg%3E")}
.tnt-mobile-toggle .fa-bars::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l9 5-9 5-9-5 9-5z%27/%3E%3Cpath d=%27M3 12l9 5 9-5%27/%3E%3Cpath d=%27M3 16l9 5 9-5%27/%3E%3C/svg%3E")}

.fa-book-quran::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 5.5c2.7-.9 5.3-.5 8 1.1 2.7-1.6 5.3-2 8-1.1v13c-2.7-.9-5.3-.5-8 1.1-2.7-1.6-5.3-2-8-1.1v-13z%27/%3E%3Cpath d=%27M12 6.6v13%27/%3E%3Cpath d=%27M7 9h2.2M7 12h2.2M14.8 9H17M14.8 12H17%27/%3E%3C/svg%3E")}
.fa-book-open::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 5.5c2.7-.9 5.3-.5 8 1.1 2.7-1.6 5.3-2 8-1.1v13c-2.7-.9-5.3-.5-8 1.1-2.7-1.6-5.3-2-8-1.1v-13z%27/%3E%3Cpath d=%27M12 6.6v13%27/%3E%3Cpath d=%27M7 9h2.2M7 12h2.2M14.8 9H17M14.8 12H17%27/%3E%3C/svg%3E")}
.fa-book-open-reader::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 5.5c2.7-.9 5.3-.5 8 1.1 2.7-1.6 5.3-2 8-1.1v13c-2.7-.9-5.3-.5-8 1.1-2.7-1.6-5.3-2-8-1.1v-13z%27/%3E%3Cpath d=%27M12 6.6v13%27/%3E%3Cpath d=%27M7 9h2.2M7 12h2.2M14.8 9H17M14.8 12H17%27/%3E%3C/svg%3E")}
.fa-shield-heart::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l7 3v5c0 4.4-2.8 8-7 10-4.2-2-7-5.6-7-10V6l7-3z%27/%3E%3Cpath d=%27M12 15s-3-1.7-3-3.8c0-1 .7-1.8 1.7-1.8.6 0 1.1.3 1.3.8.2-.5.7-.8 1.3-.8 1 0 1.7.8 1.7 1.8 0 2.1-3 3.8-3 3.8z%27/%3E%3C/svg%3E")}
.fa-whatsapp::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 11.5A8 8 0 0 1 8.1 18.5L4 20l1.5-4A8 8 0 1 1 20 11.5z%27/%3E%3Cpath d=%27M9 8.8c.2 2.7 2.5 5 5.2 5.3l1.1-1.1c.3-.3.7-.4 1.1-.2l1.2.5%27/%3E%3Cpath d=%27M8.9 8.8l.6-1.1c.2-.4.7-.5 1.1-.3l1 .7%27/%3E%3C/svg%3E")}
.fa-layer-group::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l9 5-9 5-9-5 9-5z%27/%3E%3Cpath d=%27M3 12l9 5 9-5%27/%3E%3Cpath d=%27M3 16l9 5 9-5%27/%3E%3C/svg%3E")}
.fa-circle-play::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M10 8l6 4-6 4V8z%27 fill=%27black%27 stroke=%27none%27/%3E%3C/svg%3E")}
.fa-play::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M8 5v14l11-7z%27/%3E%3C/svg%3E")}
.fa-chart-line::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 19h16%27/%3E%3Cpath d=%27M6 16l4-4 3 3 5-7%27/%3E%3Cpath d=%27M18 8h-4v4%27/%3E%3C/svg%3E")}
.fa-volume-low::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 10v4h4l5 4V6L8 10H4z%27/%3E%3Cpath d=%27M16 9c1.2 1.8 1.2 4.2 0 6%27/%3E%3C/svg%3E")}
.fa-image::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%275%27 width=%2716%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27M8 14l3-3 3 3 2-2 4 4%27/%3E%3Ccircle cx=%279%27 cy=%279%27 r=%271.2%27/%3E%3C/svg%3E")}
.fa-mobile-screen::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%277%27 y=%273%27 width=%2710%27 height=%2718%27 rx=%272%27/%3E%3Cpath d=%27M11 17h2%27/%3E%3C/svg%3E")}
.fa-rotate::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 12a8 8 0 1 1-2.3-5.7%27/%3E%3Cpath d=%27M20 4v5h-5%27/%3E%3C/svg%3E")}
.fa-repeat::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 12a8 8 0 1 1-2.3-5.7%27/%3E%3Cpath d=%27M20 4v5h-5%27/%3E%3C/svg%3E")}
.fa-child::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%276%27 r=%273%27/%3E%3Cpath d=%27M8 13h8%27/%3E%3Cpath d=%27M12 9v11%27/%3E%3Cpath d=%27M9 20l3-4 3 4%27/%3E%3Cpath d=%27M7 11l2 2M17 11l-2 2%27/%3E%3C/svg%3E")}
.fa-child-reaching::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%276%27 r=%273%27/%3E%3Cpath d=%27M8 13h8%27/%3E%3Cpath d=%27M12 9v11%27/%3E%3Cpath d=%27M9 20l3-4 3 4%27/%3E%3Cpath d=%27M7 11l2 2M17 11l-2 2%27/%3E%3C/svg%3E")}
.fa-user-graduate::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 8l9-4 9 4-9 4-9-4z%27/%3E%3Cpath d=%27M7 10v5c3 2 7 2 10 0v-5%27/%3E%3Cpath d=%27M20 9v5%27/%3E%3C/svg%3E")}
.fa-person-cane::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2710%27 cy=%275%27 r=%272.5%27/%3E%3Cpath d=%27M10 8v5l-3 6%27/%3E%3Cpath d=%27M10 12l4 2%27/%3E%3Cpath d=%27M15 9v11%27/%3E%3Cpath d=%27M15 20c2 0 3-1 3-3%27/%3E%3C/svg%3E")}
.fa-venus::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%278%27 r=%275%27/%3E%3Cpath d=%27M12 13v8%27/%3E%3Cpath d=%27M8 17h8%27/%3E%3C/svg%3E")}
.fa-globe::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M3 12h18%27/%3E%3Cpath d=%27M12 3c3 3.6 3 14.4 0 18%27/%3E%3Cpath d=%27M12 3c-3 3.6-3 14.4 0 18%27/%3E%3C/svg%3E")}
.fa-language::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 5h9%27/%3E%3Cpath d=%27M8 5c0 5-1.5 8-4 10%27/%3E%3Cpath d=%27M5.5 9c1 2 2.8 4 5.5 6%27/%3E%3Cpath d=%27M14 19l4-10 4 10%27/%3E%3Cpath d=%27M15.5 15h5%27/%3E%3C/svg%3E")}
.fa-hands-holding-circle::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%279%27 r=%273%27/%3E%3Cpath d=%27M5 16c2.2-2 4.5-2 7 0 2.5-2 4.8-2 7 0%27/%3E%3Cpath d=%27M4 19h16%27/%3E%3C/svg%3E")}
.fa-heart::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M12 21s-7-4.6-9.3-9C.8 8.1 3.2 4.5 7 4.5c2 0 3.3 1.1 5 3 1.7-1.9 3-3 5-3 3.8 0 6.2 3.6 4.3 7.5C19 16.4 12 21 12 21z%27/%3E%3C/svg%3E")}
.fa-eye::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")}
.fa-bullseye::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%275%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%271.5%27 fill=%27black%27 stroke=%27none%27/%3E%3C/svg%3E")}
.fa-user-tie::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%276%27 r=%273%27/%3E%3Cpath d=%27M5 21c.7-4 3-6 7-6s6.3 2 7 6%27/%3E%3Cpath d=%27M10 15l2 3 2-3%27/%3E%3C/svg%3E")}
.fa-users-gear::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%279%27 cy=%278%27 r=%273%27/%3E%3Cpath d=%27M3 20c.6-3.2 2.6-5 6-5 1.2 0 2.2.2 3 .7%27/%3E%3Ccircle cx=%2717%27 cy=%2715%27 r=%272%27/%3E%3Cpath d=%27M17 11v1M17 18v1M13 15h1M20 15h1%27/%3E%3C/svg%3E")}
.fa-headset::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 13a8 8 0 0 1 16 0%27/%3E%3Cpath d=%27M4 13v4h4v-5H5a1 1 0 0 0-1 1z%27/%3E%3Cpath d=%27M20 13v4h-4v-5h3a1 1 0 0 1 1 1z%27/%3E%3Cpath d=%27M16 19c-1 1-2.3 1.5-4 1.5%27/%3E%3C/svg%3E")}
.fa-calculator::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%276%27 y=%273%27 width=%2712%27 height=%2718%27 rx=%272%27/%3E%3Cpath d=%27M9 7h6%27/%3E%3Cpath d=%27M9 11h.1M12 11h.1M15 11h.1M9 15h.1M12 15h.1M15 15h.1%27/%3E%3C/svg%3E")}
.fa-microphone-lines::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%279%27 y=%273%27 width=%276%27 height=%2711%27 rx=%273%27/%3E%3Cpath d=%27M5 11a7 7 0 0 0 14 0%27/%3E%3Cpath d=%27M12 18v3%27/%3E%3Cpath d=%27M8 21h8%27/%3E%3C/svg%3E")}
.fa-scale-balanced::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3v18%27/%3E%3Cpath d=%27M5 7h14%27/%3E%3Cpath d=%27M7 7l-4 7h8L7 7z%27/%3E%3Cpath d=%27M17 7l-4 7h8l-4-7z%27/%3E%3C/svg%3E")}
.fa-clipboard-check::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%276%27 y=%274%27 width=%2712%27 height=%2717%27 rx=%272%27/%3E%3Cpath d=%27M9 4h6v3H9z%27/%3E%3Cpath d=%27M9 13l2 2 4-4%27/%3E%3C/svg%3E")}
.fa-user-check::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%279%27 cy=%277%27 r=%273%27/%3E%3Cpath d=%27M3 20c.7-4 2.7-6 6-6 1.5 0 2.7.4 3.7 1.1%27/%3E%3Cpath d=%27M15 18l2 2 4-5%27/%3E%3C/svg%3E")}
.fa-comments::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 5h11a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H9l-4 4v-4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3z%27/%3E%3C/svg%3E")}
.fa-lock::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%275%27 y=%2711%27 width=%2714%27 height=%2710%27 rx=%272%27/%3E%3Cpath d=%27M8 11V8a4 4 0 0 1 8 0v3%27/%3E%3C/svg%3E")}
.fa-check::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 6L9 17l-5-5%27/%3E%3C/svg%3E")}
.fa-star::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M12 2.8l2.8 5.8 6.4.9-4.6 4.5 1.1 6.3L12 17.3l-5.7 3 1.1-6.3-4.6-4.5 6.4-.9L12 2.8z%27/%3E%3C/svg%3E")}
.fa-chevron-right::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M15 18l-6-6 6-6%27/%3E%3C/svg%3E")}
.fa-chevron-left::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 18l6-6-6-6%27/%3E%3C/svg%3E")}
.fa-newspaper::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 5h14a2 2 0 0 1 2 2v12H6a2 2 0 0 1-2-2V5z%27/%3E%3Cpath d=%27M8 9h7M8 13h8M8 17h5%27/%3E%3C/svg%3E")}
.fa-share-nodes::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2718%27 cy=%275%27 r=%273%27/%3E%3Ccircle cx=%276%27 cy=%2712%27 r=%273%27/%3E%3Ccircle cx=%2718%27 cy=%2719%27 r=%273%27/%3E%3Cpath d=%27M8.7 10.7l6.6-4.4M8.7 13.3l6.6 4.4%27/%3E%3C/svg%3E")}
.fa-chalkboard-user::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 5h16v10H4z%27/%3E%3Cpath d=%27M8 21h8%27/%3E%3Cpath d=%27M12 15v6%27/%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath d=%27M14 13c.4-1.8 1.6-3 3.5-3%27/%3E%3C/svg%3E")}
.fa-bullhorn::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 14h3l9 4V6L7 10H4v4z%27/%3E%3Cpath d=%27M7 14l2 5%27/%3E%3Cpath d=%27M19 9c1.2 1.6 1.2 4.4 0 6%27/%3E%3C/svg%3E")}
.fa-school::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 8l9-4 9 4-9 4-9-4z%27/%3E%3Cpath d=%27M7 11v4c3.2 2 6.8 2 10 0v-4%27/%3E%3C/svg%3E")}
.fa-graduation-cap::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 8l9-4 9 4-9 4-9-4z%27/%3E%3Cpath d=%27M7 11v4c3.2 2 6.8 2 10 0v-4%27/%3E%3C/svg%3E")}


/* v3.0.21 — Final mobile LCP balance + retired evaluation system safety */
.tnt-approved-testimonials,
.tnt-evaluation-page,
.tnt-evaluation-lite-page,
[data-evaluation-form]{display:none!important}
@media (max-width:768px){
  .tnt-hero{min-height:auto!important;padding-top:24px!important;padding-bottom:30px!important;content-visibility:visible!important;contain:none!important;}
  .tnt-hero-layout{gap:18px!important;}
  .tnt-hero-copy{max-width:680px!important;}
  .tnt-hero-text{margin-bottom:14px!important;}
  .tnt-stat-row{margin:16px auto 16px!important;}
  .tnt-hero-art{margin-top:4px!important;min-height:0!important;}
  .tnt-clean-hero-visual,.tnt-hero-art .tnt-clean-hero-visual{width:min(270px,78vw)!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(31,109,132,.12)!important;}
  .tnt-clean-hero-visual picture,.tnt-clean-hero-visual img{aspect-ratio:750/899!important;}
  .tnt-hero-actions .tnt-btn{min-height:48px!important;}
}


/* v3.0.24 — Premium internal icon polish and final cleanup */
.fa-facebook-f::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M15.4%208H18V4h-3.1C11.5%204%209.6%206.1%209.6%209.2V11H7v4h2.6v6h4.1v-6h3.1l.6-4h-3.7V9.6c0-1%20.5-1.6%201.7-1.6z'/%3E%3C/svg%3E")}
.fa-telegram::before,.fa-paper-plane::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M21.5%204.4c.3-.9-.5-1.6-1.3-1.2L3.5%209.7c-1%20.4-1%201.8.1%202.1l4.2%201.3%201.6%205.2c.3.9%201.4%201.1%202%20.4l2.4-2.5%204.3%203.2c.8.6%202%20.2%202.2-.8l3.2-14.2zM8.6%2012.2l8.7-5.3-6.9%207.1-.3%203.1-1.5-4.9z'/%3E%3C/svg%3E")}
.fa-facebook-messenger::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M12%203C6.8%203%203%206.6%203%2011.5c0%202.8%201.3%205.2%203.4%206.8V22l3.2-1.8c.8.2%201.6.3%202.4.3%205.2%200%209-3.6%209-8.5S17.2%203%2012%203zm1%2011.4-2.3-2.5-4.4%202.5%204.8-5.1%202.3%202.5%204.3-2.5-4.7%205.1z'/%3E%3C/svg%3E")}
.fa-youtube::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M21.4%207.4c-.2-.9-.9-1.6-1.8-1.8C18%205.2%2012%205.2%2012%205.2s-6%200-7.6.4c-.9.2-1.6.9-1.8%201.8C2.2%209%202.2%2012%202.2%2012s0%203%20.4%204.6c.2.9.9%201.6%201.8%201.8%201.6.4%207.6.4%207.6.4s6%200%207.6-.4c.9-.2%201.6-.9%201.8-1.8.4-1.6.4-4.6.4-4.6s0-3-.4-4.6zM10%2015.1V8.9l5.4%203.1L10%2015.1z'/%3E%3C/svg%3E")}
.fa-instagram::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='4'%20width='16'%20height='16'%20rx='5'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='3.5'/%3E%3Ccircle%20cx='17'%20cy='7'%20r='1'/%3E%3C/svg%3E")}
.fa-tiktok::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M14%203h3c.3%202%201.5%203.4%204%204v3.3c-1.6-.1-3-.6-4-1.4v6.4c0%203.3-2.5%205.7-5.8%205.7-3.1%200-5.4-2-5.4-4.9%200-3%202.4-5%205.6-5%20.5%200%20.9%200%201.3.1v3.4c-.4-.1-.8-.2-1.2-.2-1.3%200-2.2.7-2.2%201.7s.8%201.7%201.9%201.7c1.2%200%202-.8%202-2.4V3z'/%3E%3C/svg%3E")}
.fa-chevron-down::before,.fa-angle-down::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%209l6%206%206-6'/%3E%3C/svg%3E")}
.fa-pause::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Crect%20x='7'%20y='5'%20width='4'%20height='14'%20rx='1'/%3E%3Crect%20x='13'%20y='5'%20width='4'%20height='14'%20rx='1'/%3E%3C/svg%3E")}
.fa-radio::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='4'%20y='9'%20width='16'%20height='10'%20rx='3'/%3E%3Cpath%20d='M8%209l8-5'/%3E%3Ccircle%20cx='9'%20cy='14'%20r='2'/%3E%3Cpath%20d='M14%2013h3M14%2016h2'/%3E%3C/svg%3E")}
.fa-quote-left::before,.fa-quote-right::before{--tnt-svg-icon:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M9.2%205.5c-3.2%201.6-5%204.3-5%207.8%200%203%201.7%205.2%204.1%205.2%202%200%203.5-1.4%203.5-3.3%200-1.8-1.3-3.1-3-3.1-.5%200-.9.1-1.2.2.2-1.7%201.3-3%203.3-4.1L9.2%205.5zm9%200c-3.2%201.6-5%204.3-5%207.8%200%203%201.7%205.2%204.1%205.2%202%200%203.5-1.4%203.5-3.3%200-1.8-1.3-3.1-3-3.1-.5%200-.9.1-1.2.2.2-1.7%201.3-3%203.3-4.1l-1.7-2.7z'/%3E%3C/svg%3E")}
.tnt-review-slider .tnt-review-card{position:relative!important;}
.tnt-review-card::before{content:""!important;font-family:inherit!important;font-weight:400!important;flex:0 0 48px!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:18px!important;color:var(--gold)!important;background-color:rgba(219,164,38,.10)!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='black'%3E%3Cpath%20d='M9.2%205.5c-3.2%201.6-5%204.3-5%207.8%200%203%201.7%205.2%204.1%205.2%202%200%203.5-1.4%203.5-3.3%200-1.8-1.3-3.1-3-3.1-.5%200-.9.1-1.2.2.2-1.7%201.3-3%203.3-4.1L9.2%205.5zm9%200c-3.2%201.6-5%204.3-5%207.8%200%203%201.7%205.2%204.1%205.2%202%200%203.5-1.4%203.5-3.3%200-1.8-1.3-3.1-3-3.1-.5%200-.9.1-1.2.2.2-1.7%201.3-3%203.3-4.1l-1.7-2.7z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:23px 23px!important;box-shadow:0 12px 28px rgba(219,164,38,.14),inset 0 0 0 1px rgba(219,164,38,.12)!important;}
.tnt-review-stars{align-items:center!important;gap:6px!important;}
.tnt-review-stars span{width:18px!important;height:18px!important;display:inline-grid!important;place-items:center!important;border-radius:999px!important;background:rgba(219,164,38,.08)!important;}
.tnt-review-stars i{font-size:12px!important;}
.tnt-slider-controls button{display:inline-grid!important;place-items:center!important;position:relative!important;overflow:hidden!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(43,127,157,.16)!important;box-shadow:0 12px 26px rgba(31,109,132,.09)!important;}
.tnt-slider-controls button i{font-size:17px!important;position:relative!important;z-index:1!important;}
.tnt-slider-controls button::after{content:"";position:absolute;inset:9px;border-radius:12px;background:linear-gradient(135deg,rgba(43,127,157,.08),rgba(219,164,38,.10));opacity:.92;pointer-events:none;}
.tnt-slider-controls button:hover{background:var(--primary)!important;color:#fff!important;border-color:rgba(43,127,157,.28)!important;box-shadow:0 16px 34px rgba(31,109,132,.18)!important;}
.tnt-section-label i,.tnt-review-facebook-btn i,.tnt-review-source-icon i,.tnt-channel-icon i,.tnt-plan-icon i,.tnt-verse-icon i,.tnt-terms-icon i,.tnt-real-counter-icon i,.tnt-quran-radio__icon i{position:relative!important;z-index:1!important;}
.tnt-review-source-icon{border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 16px 36px rgba(24,119,242,.24),inset 0 1px 0 rgba(255,255,255,.36)!important;}
.tnt-channel-icon,.tnt-plan-icon,.tnt-verse-icon,.tnt-terms-icon,.tnt-real-counter-icon,.tnt-quran-radio__icon{position:relative!important;overflow:hidden!important;isolation:isolate!important;}
.tnt-channel-icon::after,.tnt-plan-icon::after,.tnt-verse-icon::after,.tnt-terms-icon::after,.tnt-real-counter-icon::after,.tnt-quran-radio__icon::after{content:"";position:absolute;inset:7px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,0));pointer-events:none;z-index:0;}
@media (max-width:700px){.tnt-review-card::before{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:16px!important;background-size:21px 21px!important}.tnt-review-stars span{width:17px!important;height:17px!important}}

/* v3.0.24 — Final UI/SEO cleanup without breaking layout */
.tnt-real-counter,
.tnt-hero-counter { display: none !important; }
.tnt-latest-news-slider .tnt-article-slider { grid-auto-columns: calc((100% - 48px)/3); }
.tnt-facebook-reviews .tnt-review-slider { grid-auto-columns: calc((100% - 48px)/3); }
.tnt-facebook-reviews .tnt-section-head p { max-width: 720px; }
.tnt-review-source-card { margin-top: 18px; }
.tnt-footer-grid-clean {
  grid-template-columns: 1.25fr 0.95fr 1.05fr 1.1fr !important;
  gap: 24px !important;
}
.tnt-footer h3 {
  margin: 0 0 12px;
  color: #fff;
  font-family: Cairo, sans-serif;
  font-size: 17px;
  font-weight: 900;
}
.tnt-footer-brand p { max-width: 330px; line-height: 1.9; }
.tnt-footer-links { display: grid; gap: 9px; }
.tnt-footer-contact p { display: flex; align-items: center; gap: 9px; margin: 0 0 10px; }
.tnt-footer-contact a { color: rgba(255,255,255,.88); text-decoration: none; }
.tnt-footer-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 14px;
  margin: 6px 0 0 6px;
  border-radius: 15px;
  background: var(--gold);
  color: #183847 !important;
  font-family: Cairo, sans-serif;
  font-weight: 900;
  text-decoration: none;
}
.tnt-footer-cta-outline { background: rgba(255,255,255,.10); color: #fff !important; border: 1px solid rgba(255,255,255,.18); }
.tnt-socials a { box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.tnt-socials a:hover { background: rgba(219,164,38,.25); transform: translateY(-2px); }
.tnt-channel-card .tnt-channel-btn { min-height: 44px; }
.tnt-article-thumb img { aspect-ratio: 16/10; }
@media (max-width: 1024px) {
  .tnt-footer-grid-clean { grid-template-columns: 1fr 1fr !important; }
  .tnt-latest-news-slider .tnt-article-slider,
  .tnt-facebook-reviews .tnt-review-slider { grid-auto-columns: calc((100% - 18px)/2) !important; }
}
@media (max-width: 700px) {
  .tnt-footer-grid-clean { grid-template-columns: 1fr !important; text-align: center !important; }
  .tnt-footer-brand p { margin-inline: auto; }
  .tnt-footer-contact p { justify-content: center; }
  .tnt-footer-cta { width: 100%; max-width: 280px; margin-inline: auto; }
  .tnt-latest-news-slider .tnt-article-slider,
  .tnt-facebook-reviews .tnt-review-slider { grid-auto-columns: 88% !important; }
  .tnt-facebook-reviews .tnt-slider-controls { display: none; }
}


/* v3.0.25 — Premium SVG icons for audience cards without external icon libraries */
.tnt-audience-grid article .tnt-svg-icon{
  width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;
  color:var(--gold);background:linear-gradient(180deg,rgba(43,127,157,.075),rgba(43,127,157,.035));
  border:1px solid rgba(43,127,157,.10);box-shadow:0 12px 26px rgba(31,109,132,.075);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.tnt-audience-grid article .tnt-svg-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;display:block}
.tnt-audience-grid article:hover .tnt-svg-icon{transform:translateY(-4px);color:var(--primary-dark);background:linear-gradient(180deg,rgba(219,164,38,.14),rgba(43,127,157,.06));box-shadow:0 18px 36px rgba(31,109,132,.12)}
.tnt-audience-grid article .tnt-svg-language svg{width:30px;height:30px}
@media(max-width:720px){.tnt-audience-grid article .tnt-svg-icon{width:54px;height:54px;border-radius:17px;margin-bottom:12px}.tnt-audience-grid article .tnt-svg-icon svg{width:26px;height:26px}}


/* v3.0.26 — Final UX polish: real up arrow, premium consent checkbox, stable header/footer, and mobile-safe application pages. */
.fa-arrow-up::before,
.tnt-back-to-top .fa-arrow-up::before{
  --tnt-svg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='M5 12l7-7 7 7'/%3E%3C/svg%3E") !important;
  content:"" !important;
}
.tnt-back-to-top{
  display:grid !important;
  place-items:center !important;
  width:50px !important;
  height:50px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark)) !important;
  color:#fff !important;
  box-shadow:0 18px 42px rgba(31,109,132,.22) !important;
}
.tnt-back-to-top i{font-size:20px !important;}
.tnt-back-to-top:hover{transform:translateY(-4px) !important;box-shadow:0 24px 52px rgba(31,109,132,.28) !important;}

/* Consents: make checkbox feedback clear, tappable, and accessible. */
.tnt-policy-check,
.tnt-teacher-check{
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent;
}
.tnt-policy-check input[type="checkbox"]{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  pointer-events:none !important;
}
.tnt-policy-check span{
  position:relative !important;
  display:block !important;
  padding-inline-start:46px !important;
  min-height:36px !important;
}
.tnt-policy-check span::before,
.tnt-check-box{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:.1em;
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:2px solid rgba(43,127,157,.58) !important;
  box-shadow:0 10px 22px rgba(31,109,132,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
  display:grid !important;
  place-items:center !important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
.tnt-policy-check span::after{
  content:"✓";
  position:absolute;
  inset-inline-start:0;
  top:.1em;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#fff;
  font-family:Cairo,Tajawal,Arial,sans-serif;
  font-weight:900;
  font-size:18px;
  opacity:0;
  transform:scale(.65);
  transition:.2s ease;
}
.tnt-policy-check input:checked + span::before,
.tnt-teacher-check input:checked + .tnt-check-box{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark)) !important;
  border-color:rgba(43,127,157,.95) !important;
  box-shadow:0 16px 34px rgba(43,127,157,.20) !important;
  transform:translateY(-1px);
}
.tnt-policy-check input:checked + span::after{
  opacity:1;
  transform:scale(1);
}
.tnt-teacher-check input:checked + .tnt-check-box i{
  opacity:1 !important;
  transform:scale(1) !important;
  color:#fff !important;
}
.tnt-policy-check input:focus-visible + span::before,
.tnt-teacher-check input:focus-visible + .tnt-check-box{
  outline:3px solid rgba(219,164,38,.38) !important;
  outline-offset:4px !important;
}
.tnt-teacher-agreement-card.is-consented,
.tnt-policy-box:has(input[type="checkbox"]:checked){
  border-color:rgba(43,127,157,.24) !important;
  box-shadow:0 20px 52px rgba(31,109,132,.12) !important;
}
.tnt-form-submit:not(:disabled),
#teacherApplyButton:not(.is-disabled){
  opacity:1 !important;
  filter:none !important;
}
#teacherApplyButton.is-disabled{cursor:not-allowed !important;}

/* Stable unified header/footer across static policy pages and WordPress templates. */
.tnt-header{
  position:sticky !important;
  top:0 !important;
  transform:none !important;
  will-change:auto !important;
}
.tnt-header.is-hidden{transform:none !important;}
.admin-bar .tnt-header{top:32px !important;}
.tnt-footer{position:relative;z-index:2;}
.tnt-main,main{min-height:calc(100vh - 320px);}

/* Better icon presentation in audience/cards without loading external icon libraries. */
.tnt-audience-card i,
.tnt-path-card i,
.tnt-channel-icon i,
.tnt-terms-icon i,
.tnt-plan-icon i{
  filter:drop-shadow(0 6px 12px rgba(31,109,132,.12));
}
.tnt-path-card .tnt-path-icon,
.tnt-audience-card .tnt-audience-icon{
  background:linear-gradient(180deg,#fff,rgba(234,246,251,.94)) !important;
  border:1px solid rgba(43,127,157,.12) !important;
  box-shadow:0 12px 30px rgba(31,109,132,.10) !important;
}

@media (max-width: 760px){
  html{scroll-padding-top:78px !important;}
  .admin-bar .tnt-header{top:46px !important;}
  .tnt-navbar{min-height:64px !important;}
  .tnt-menu-wrap{top:70px !important;}
  .admin-bar .tnt-menu-wrap{top:112px !important;}
  .tnt-policy-box{padding:16px !important;border-radius:22px !important;}
  .tnt-policy-check{grid-template-columns:1fr !important;gap:10px !important;font-size:14.5px !important;line-height:1.85 !important;}
  .tnt-policy-check span{padding-inline-start:42px !important;}
  .tnt-policy-check span::before,.tnt-policy-check span::after{width:31px !important;height:31px !important;border-radius:11px !important;}
  .tnt-teacher-check{grid-template-columns:38px 1fr !important;align-items:flex-start !important;}
  .tnt-application-form{padding:18px !important;border-radius:24px !important;}
  .tnt-form-submit{min-height:54px !important;white-space:normal !important;line-height:1.45 !important;}
  .tnt-application-footer .tnt-footer-bottom,.tnt-policy-page .tnt-footer-bottom{font-size:12px !important;line-height:1.8 !important;}
  .tnt-back-to-top{display:grid !important;right:14px !important;left:auto !important;bottom:calc(82px + env(safe-area-inset-bottom,0px)) !important;width:44px !important;height:44px !important;border-radius:16px !important;}
  .tnt-floating-whatsapp{z-index:9997 !important;}
}
@media (max-width: 430px){
  .tnt-container{width:min(100% - 20px,1200px) !important;}
  .tnt-brand-text b{font-size:15px !important;}
  .tnt-policy-links{display:grid !important;grid-template-columns:1fr !important;}
  .tnt-policy-links a{text-align:center !important;}
}


/* v3.0.27 — Final stability patch: fix teacher-guide consent grid, prevent 404 CSS backgrounds in WP minified stylesheet, improve mobile UX. */
.tnt-teacher-check{
  position:relative !important;
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:flex-start !important;
  width:100% !important;
  cursor:pointer !important;
}
.tnt-teacher-check input[type="checkbox"]{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  pointer-events:none !important;
}
.tnt-teacher-check .tnt-check-box{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  grid-column:1 !important;
  grid-row:1 !important;
  flex:0 0 36px !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  margin:0 !important;
  border-radius:13px !important;
  background:#fff !important;
  border:2px solid rgba(43,127,157,.58) !important;
  box-shadow:0 10px 22px rgba(31,109,132,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
  display:grid !important;
  place-items:center !important;
}
.tnt-teacher-check .tnt-check-box i{
  opacity:0 !important;
  transform:scale(.65) !important;
  color:#fff !important;
  font-size:17px !important;
  transition:.2s ease !important;
}
.tnt-teacher-check strong{
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  text-align:right !important;
  line-height:1.9 !important;
}
.tnt-teacher-check input:checked + .tnt-check-box,
.tnt-teacher-check.is-checked .tnt-check-box{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark)) !important;
  border-color:rgba(43,127,157,.95) !important;
  box-shadow:0 16px 34px rgba(43,127,157,.20) !important;
}
.tnt-teacher-check input:checked + .tnt-check-box i,
.tnt-teacher-check.is-checked .tnt-check-box i{
  opacity:1 !important;
  transform:scale(1) !important;
}
.tnt-btn-telegram.is-disabled,
.tnt-btn-telegram[aria-disabled="true"]{
  opacity:.58 !important;
  filter:saturate(.85) !important;
}
.tnt-back-to-top i::before{content:"\f062" !important;}
@media (max-width:760px){
  .tnt-teacher-agreement-card{padding:18px !important;border-radius:24px !important;}
  .tnt-teacher-check{grid-template-columns:38px minmax(0,1fr) !important;gap:12px !important;}
  .tnt-teacher-check .tnt-check-box{width:34px !important;height:34px !important;min-width:34px !important;}
  .tnt-teacher-check strong{font-size:15px !important;line-height:1.85 !important;}
  #teacherApplyButton{min-height:56px !important;white-space:normal !important;text-align:center !important;}
}


/* v3.0.28 — Unified static pages, readable labels, and policy typography polish. */
.tnt-section-label,
.tnt-eyebrow,
.tnt-inner-hero .tnt-section-label,
.tnt-rights-hero .tnt-section-label,
.tnt-terms-hero .tnt-section-label,
.tnt-pricing-hero .tnt-section-label{
  color:#8A6416 !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(219,164,38,.42) !important;
  box-shadow:0 10px 24px rgba(31,109,132,.08), inset 0 1px 0 rgba(255,255,255,.75) !important;
  text-shadow:none !important;
}
.tnt-inner-hero,
.tnt-rights-hero,
.tnt-terms-hero,
.tnt-pricing-hero{
  overflow:hidden !important;
}
.tnt-inner-hero h1,
.tnt-rights-hero h1,
.tnt-terms-hero h1,
.tnt-pricing-hero h1{
  font-size:clamp(34px,4.2vw,62px) !important;
  line-height:1.24 !important;
  letter-spacing:-.7px !important;
  max-width:980px !important;
  margin-inline:auto !important;
  text-wrap:balance;
}
.tnt-rights-page .tnt-rights-hero h1,
.tnt-inner-page .tnt-inner-hero h1{
  font-size:clamp(32px,3.9vw,58px) !important;
}
.tnt-static-header .tnt-navbar{grid-template-columns:280px minmax(0,1fr) auto !important;}
.tnt-static-header .tnt-logo{width:62px !important;height:62px !important;object-fit:contain !important;}
.tnt-static-header .tnt-brand-text b{white-space:nowrap !important;}
.tnt-static-footer{margin-top:clamp(40px,6vw,76px) !important;}
.tnt-inner-page-main,.tnt-terms-page main,.tnt-rights-page main{min-height:calc(100vh - 360px) !important;}
.tnt-inner-card h2,
.tnt-policy-block h2,
.tnt-terms-card h2,
.tnt-guide-block h2{
  line-height:1.45 !important;
}
@media (max-width:980px){
  .tnt-static-header .tnt-navbar{grid-template-columns:1fr auto !important;}
  .tnt-static-header .tnt-header-actions{display:none !important;}
}
@media (max-width:760px){
  .tnt-inner-hero h1,
  .tnt-rights-hero h1,
  .tnt-terms-hero h1,
  .tnt-pricing-hero h1{
    font-size:clamp(28px,8.3vw,40px) !important;
    line-height:1.32 !important;
    letter-spacing:-.25px !important;
  }
  .tnt-inner-hero p,
  .tnt-rights-hero p,
  .tnt-terms-hero p,
  .tnt-pricing-hero p{font-size:15.5px !important;line-height:1.9 !important;}
  .tnt-section-label{font-size:12px !important;padding:6px 12px !important;}
  .tnt-static-header .tnt-logo{width:54px !important;height:54px !important;}
}