/* Continuous Marquee Ticker */
    @keyframes ticker-scroll {
      0% { transform: translate3d(0, 0, 0); }
      100% { transform: translate3d(-50%, 0, 0); }
    }
    .ticker-viewport {
      overflow: hidden;
      white-space: nowrap;
      position: relative;
    }
    .ticker-track {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      animation: ticker-scroll 180s linear infinite;
      will-change: transform;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      perspective: 1000px;
      -webkit-perspective: 1000px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .ticker-viewport:hover .ticker-track {
      animation-play-state: paused;
    }

    .font-urdu {
      font-family: 'Noto Nastaliq Urdu', 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
      line-height: 2.1;
    }

    .btn-lang-ur, #langBtnUr, #indexLangBtnUr, #mobileLangBtnUr {
      font-family: 'Noto Nastaliq Urdu', 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif !important;
      line-height: 1.15 !important;
    }

    /* Anti-FOUC Authentication & Guest State Control */
    html.is-authenticated .guest-only-el { display: none !important; }
    html.is-authenticated .user-only-el { display: flex !important; }
    html.is-guest .guest-only-el { display: flex !important; }
    html.is-guest .user-only-el { display: none !important; }

    /* Mobile App Landing Page Optimization: Remove redundant Sign In & Sign Up (Terminal hosts both Sign In & Sign Up) */
    html.is-mobile-app .landing-signin-btn,
    html.is-mobile-app .landing-signup-btn { display: none !important; }

    /* Mobile App Banner Styling: Crisp Pure White Typography & Prominent Arrow */
    #mobileAppBanner a, #mobileAppBanner span, #mobileAppBanner i, #mobileAppBanner svg {
      color: #ffffff !important;
    }

    /* Custom Scrollbar for Auth Modal */
    .custom-scrollbar::-webkit-scrollbar {
      width: 5px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: transparent;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: rgba(148, 163, 184, 0.4);
      border-radius: 9999px;
    }

    /* Hero Slider Styles (Robust Visibility & Transitions) */
    #heroSliderContainer {
      position: relative;
      overflow: hidden;
      border-radius: 1.5rem;
    }
    .hero-slide {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      z-index: 1;
      transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      transform: scale(1.02);
      pointer-events: none;
    }
    .hero-slide.active {
      opacity: 1;
      visibility: visible;
      z-index: 10;
      transform: scale(1);
      pointer-events: auto;
    }
    .slider-dot {
      transition: all 0.3s ease;
      cursor: pointer;
    }
    .slider-dot.active {
      width: 1.75rem !important;
      background-color: #ffffff !important;
      opacity: 1 !important;
    }

    /* Google Sign-In Button Clean Full-Width Normalization */
    #googleButtonContainer,
    #googleAuthSection #googleButtonContainer,
    #googleAuthButtonWrapper #googleButtonContainer {
      display: none !important;
    }
    #customGoogleAuthBtn {
      width: 100% !important;
    }

    /* Hero Slider Title & Text Contrast Enforcement */
    #heroSliderContainer h1,
    #heroSliderContainer h2,
    #heroSliderContainer h3,
    #heroSliderContainer .slide-heading,
    html:not(.dark) #heroSliderContainer h1,
    html:not(.dark) #heroSliderContainer h2,
    html:not(.dark) #heroSliderContainer h3,
    html:not(.dark) #heroSliderContainer .slide-heading {
      color: #ffffff !important;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9), 0 1px 3px rgba(0, 0, 0, 0.95) !important;
    }

    #heroSliderContainer p,
    #heroSliderContainer .slide-desc,
    html:not(.dark) #heroSliderContainer p,
    html:not(.dark) #heroSliderContainer .slide-desc {
      color: #f1f5f9 !important;
      text-shadow: 0 1px 6px rgba(0, 0, 0, 0.9) !important;
    }

    /* RTL Arabic / Urdu Typography & Alignment */
    html[dir="rtl"],
    html.lang-urdu {
      direction: rtl;
    }
    html[dir="rtl"] body,
    html.lang-urdu body {
      font-family: 'Noto Nastaliq Urdu', 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
    }
    html[dir="rtl"] #heroSliderContainer .slide-text-container {
      left: 0 !important;
      right: auto !important;
      text-align: right !important;
    }
    html[dir="rtl"] #heroSliderContainer .slide-text-container .w-fit {
      margin-left: auto !important;
      margin-right: 0 !important;
    }
    html[dir="rtl"] #heroSliderContainer .slide-text-container .slide-actions {
      flex-direction: row-reverse !important;
      justify-content: flex-start !important;
    }
    html[dir="rtl"] .slider-dots-container {
      right: auto !important;
      left: 1rem !important;
    }
    @media (min-width: 640px) {
      html[dir="rtl"] .slider-dots-container {
        left: 2rem !important;
      }
    }
    html[dir="rtl"] #sliderPrevBtn {
      left: auto !important;
      right: 0.75rem !important;
    }
    @media (min-width: 640px) {
      html[dir="rtl"] #sliderPrevBtn {
        right: 1.5rem !important;
      }
    }
    html[dir="rtl"] #sliderNextBtn {
      right: auto !important;
      left: 0.75rem !important;
    }
    @media (min-width: 640px) {
      html[dir="rtl"] #sliderNextBtn {
        left: 1.5rem !important;
      }
    }
    html[dir="rtl"] #landingMobileDrawer svg.lucide-chevron-right {
      transform: rotate(180deg) !important;
    }
    html[dir="rtl"] #landingMobileDrawer a.group:hover svg.lucide-chevron-right {
      transform: rotate(180deg) translateX(4px) !important;
    }