/* ==========================================================================
   TAMOOH - AWWWARDS GLOBAL MASTER STYLESHEET
   Platform-Wide Dual-Mode Luxury Aesthetics | Light & Dark Perfect Contrast | 60 FPS Fluid Motion
   Platform Colors: Neon Cyber Cyan (#00f2fe / #00bcd4) + Emerald Teal (#00e5c9 / #009688) + Neon Violet (#7000ff)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800;900&family=Outfit:wght@300;400;600;700;800&display=swap');

:root {
  /* Brand Constants */
  --aw-cyan: #00f2fe;
  --aw-cyan-base: #00bcd4;
  --aw-cyan-dark: #00838f;
  --aw-cyan-glow: rgba(0, 242, 254, 0.45);

  --aw-teal: #00e5c9;
  --aw-teal-base: #009688;
  --aw-teal-glow: rgba(0, 229, 201, 0.35);

  --aw-purple: #7000ff;
  --aw-purple-glow: rgba(112, 0, 255, 0.5);
  --aw-magenta: #d946ef;

  /* Typography */
  --font-arabic-heading: 'Tajawal', sans-serif;
  --font-arabic-body: 'IBM Plex Sans Arabic', 'Cairo', sans-serif;
  --font-latin: 'Outfit', sans-serif;

  /* Easing */
  --ease-elastic: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   Base Typography & Global Layout
   ========================================================================== */
body {
  font-family: var(--font-arabic-body) !important;
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}

h1, h2, h3, h4, h5, h6, .page-header h1, .section-title {
  font-family: var(--font-arabic-heading) !important;
  letter-spacing: -0.5px;
}

/* SVG Noise Overlay */
.aw-noise-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 1;
  opacity: 0.032;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}

/* Ambient Glowing Mesh Orbs */
.aw-ambient-mesh {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.aw-mesh-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(130px);
  pointer-events: none;
  will-change: transform;
}

.aw-orb-1 {
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, var(--aw-cyan) 0%, transparent 70%);
  top: -100px;
  right: -80px;
  animation: awFloatOrb 22s ease-in-out infinite alternate;
}

.aw-orb-2 {
  width: 650px;
  height: 650px;
  background: radial-gradient(circle, var(--aw-purple) 0%, transparent 70%);
  bottom: 5%;
  left: -120px;
  animation: awFloatOrb 26s ease-in-out infinite alternate-reverse;
}

.aw-orb-3 {
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, var(--aw-teal) 0%, transparent 70%);
  top: 40%;
  right: 30%;
  animation: awFloatOrb 18s ease-in-out infinite alternate;
}

@keyframes awFloatOrb {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(60px, 70px) scale(1.1); }
  100% { transform: translate(-50px, -40px) scale(0.92); }
}

/* ==========================================================================
   Custom Liquid Mouse Cursor (Dual-Layer 60 FPS)
   ========================================================================== */
@media (hover: hover) and (pointer: fine) {
  body {
    cursor: none;
  }
  a, button, input, textarea, select, [role="button"], .clickable, .filter-tab, .filter-btn, .nexus-dropdown-trigger {
    cursor: none !important;
  }
}

.aw-cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background: var(--aw-cyan-base);
  border-radius: 50%;
  pointer-events: none;
  z-index: 999999;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 12px var(--aw-cyan-base);
  display: none;
  transition: transform 0.08s ease, width 0.3s ease, height 0.3s ease, background-color 0.3s ease;
}

.aw-cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  border: 1.5px solid rgba(0, 188, 212, 0.4);
  border-radius: 50%;
  pointer-events: none;
  z-index: 999998;
  transform: translate(-50%, -50%);
  transition: width 0.35s var(--ease-elastic),
              height 0.35s var(--ease-elastic),
              border-color 0.3s ease,
              background-color 0.3s ease;
  display: none;
  backdrop-filter: blur(1px);
}

@media (hover: hover) and (pointer: fine) {
  .aw-cursor-dot,
  .aw-cursor-ring {
    display: block;
  }
}

body.cursor-hover .aw-cursor-ring {
  width: 68px;
  height: 68px;
  border-color: var(--aw-purple);
  background-color: rgba(112, 0, 255, 0.12);
  box-shadow: 0 0 25px rgba(112, 0, 255, 0.35);
}

body.cursor-hover .aw-cursor-dot {
  transform: translate(-50%, -50%) scale(1.6);
  background: var(--aw-purple);
  box-shadow: 0 0 15px var(--aw-purple);
}

body.cursor-click .aw-cursor-ring {
  transform: translate(-50%, -50%) scale(0.85);
  border-color: var(--aw-teal);
}

/* ==========================================================================
   THEME ADAPTATION: DARK MODE (الوضع الليلي)
   ========================================================================== */
html[data-theme="dark"] body,
html:not([data-theme="light"]) body {
  background-color: #06070a !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .aw-ambient-mesh .aw-mesh-orb,
html:not([data-theme="light"]) .aw-ambient-mesh .aw-mesh-orb {
  opacity: 0.22;
}

/* Page Header in Dark Mode */
html[data-theme="dark"] .page-header,
html:not([data-theme="light"]) .page-header {
  position: relative !important;
  background: radial-gradient(circle at 50% 30%, rgba(0, 242, 254, 0.08) 0%, transparent 60%),
              radial-gradient(circle at 80% 80%, rgba(112, 0, 255, 0.08) 0%, transparent 60%),
              #06070a !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 10rem 0 6rem !important;
  text-align: center !important;
}

html[data-theme="dark"] .page-header h1,
html:not([data-theme="light"]) .page-header h1 {
  color: #ffffff !important;
}

html[data-theme="dark"] .page-header p,
html:not([data-theme="light"]) .page-header p {
  color: rgba(255, 255, 255, 0.75) !important;
}

html[data-theme="dark"] .breadcrumb,
html:not([data-theme="light"]) .breadcrumb {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .breadcrumb a,
html:not([data-theme="light"]) .breadcrumb a {
  color: rgba(255, 255, 255, 0.65) !important;
}

html[data-theme="dark"] .breadcrumb a:hover,
html:not([data-theme="light"]) .breadcrumb a:hover {
  color: var(--aw-cyan) !important;
}

html[data-theme="dark"] .breadcrumb span,
html:not([data-theme="light"]) .breadcrumb span {
  color: var(--aw-cyan) !important;
}

/* Filter Bars & Tabs in Dark Mode */
html[data-theme="dark"] .filter-tabs,
html[data-theme="dark"] .achievements-filters,
html:not([data-theme="light"]) .filter-tabs,
html:not([data-theme="light"]) .achievements-filters {
  background: rgba(14, 18, 26, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .filter-tab,
html[data-theme="dark"] .filter-btn,
html:not([data-theme="light"]) .filter-tab,
html:not([data-theme="light"]) .filter-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .filter-tab *,
html[data-theme="dark"] .filter-btn *,
html:not([data-theme="light"]) .filter-tab *,
html:not([data-theme="light"]) .filter-btn * {
  color: inherit !important;
}

html[data-theme="dark"] .filter-tab:hover,
html[data-theme="dark"] .filter-btn:hover,
html:not([data-theme="light"]) .filter-tab:hover,
html:not([data-theme="light"]) .filter-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  border-color: var(--aw-purple) !important;
}

html[data-theme="dark"] .filter-tab.active,
html[data-theme="dark"] .filter-btn.active,
html:not([data-theme="light"]) .filter-tab.active,
html:not([data-theme="light"]) .filter-btn.active {
  background: linear-gradient(135deg, rgba(0, 242, 254, 0.25) 0%, rgba(112, 0, 255, 0.35) 100%) !important;
  border-color: var(--aw-cyan) !important;
  color: #ffffff !important;
  box-shadow: 0 0 25px rgba(0, 242, 254, 0.35) !important;
}

/* Glass Nexus & Search Containers in Dark Mode */
html[data-theme="dark"] .glass-nexus,
html[data-theme="dark"] .search-container,
html:not([data-theme="light"]) .glass-nexus,
html:not([data-theme="light"]) .search-container {
  background: rgba(14, 18, 26, 0.7) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .nexus-search input,
html[data-theme="dark"] .search-container input,
html[data-theme="dark"] .search-input,
html:not([data-theme="light"]) .nexus-search input,
html:not([data-theme="light"]) .search-container input,
html:not([data-theme="light"]) .search-input {
  color: #ffffff !important;
}

html[data-theme="dark"] .nexus-search input::placeholder,
html[data-theme="dark"] .search-container input::placeholder,
html[data-theme="dark"] .search-input::placeholder,
html:not([data-theme="light"]) .nexus-search input::placeholder,
html:not([data-theme="light"]) .search-container input::placeholder,
html:not([data-theme="light"]) .search-input::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

html[data-theme="dark"] .nexus-label,
html[data-theme="dark"] .sorting-label,
html:not([data-theme="light"]) .nexus-label,
html:not([data-theme="light"]) .sorting-label {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .nexus-dropdown-menu,
html:not([data-theme="light"]) .nexus-dropdown-menu {
  background: #0d1017 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="dark"] .nexus-option,
html:not([data-theme="light"]) .nexus-option {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .nexus-option:hover,
html:not([data-theme="light"]) .nexus-option:hover {
  background: rgba(0, 242, 254, 0.1) !important;
  color: #00f2fe !important;
}

html[data-theme="dark"] .nexus-option.active,
html:not([data-theme="light"]) .nexus-option.active {
  background: rgba(0, 242, 254, 0.18) !important;
  color: #00f2fe !important;
}

/* Universal Cards in Dark Mode */
html[data-theme="dark"] .aw-tilt-card,
html[data-theme="dark"] .service-tilt-card,
html[data-theme="dark"] .live-course-card,
html[data-theme="dark"] .neon-course-card,
html[data-theme="dark"] .course-card,
html[data-theme="dark"] .trainer-card,
html[data-theme="dark"] .trainer-card-page,
html[data-theme="dark"] .trainer-p-card,
html[data-theme="dark"] .startup-card-v2,
html[data-theme="dark"] .startup-project-card,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .project-card-clean,
html[data-theme="dark"] .project-card-extended,
html[data-theme="dark"] .ach-card,
html[data-theme="dark"] .achievement-card,
html[data-theme="dark"] .ach-stat-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .stat-card,
html:not([data-theme="light"]) .aw-tilt-card,
html:not([data-theme="light"]) .service-tilt-card,
html:not([data-theme="light"]) .live-course-card,
html:not([data-theme="light"]) .neon-course-card,
html:not([data-theme="light"]) .course-card,
html:not([data-theme="light"]) .trainer-card,
html:not([data-theme="light"]) .trainer-card-page,
html:not([data-theme="light"]) .trainer-p-card,
html:not([data-theme="light"]) .startup-card-v2,
html:not([data-theme="light"]) .startup-project-card,
html:not([data-theme="light"]) .project-card,
html:not([data-theme="light"]) .project-card-clean,
html:not([data-theme="light"]) .project-card-extended,
html:not([data-theme="light"]) .ach-card,
html:not([data-theme="light"]) .achievement-card,
html:not([data-theme="light"]) .ach-stat-card,
html:not([data-theme="light"]) .feature-card,
html:not([data-theme="light"]) .category-card,
html:not([data-theme="light"]) .testimonial-card,
html:not([data-theme="light"]) .stat-card {
  background: rgba(14, 18, 26, 0.72) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.45) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .floating-card,
html:not([data-theme="light"]) .floating-card {
  background: rgba(14, 18, 26, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .floating-card span,
html:not([data-theme="light"]) .floating-card span {
  color: #f8fafc !important;
}

/* Card typography in Dark Mode */
html[data-theme="dark"] .neon-title a,
html[data-theme="dark"] .project-title,
html[data-theme="dark"] .project-card-title,
html[data-theme="dark"] .p-trainer-name,
html[data-theme="dark"] .sc-name,
html[data-theme="dark"] .ach-card-body h3,
html[data-theme="dark"] .category-card h3,
html[data-theme="dark"] .feature-card h3,
html[data-theme="dark"] .testimonial-info h4,
html[data-theme="dark"] .stat-number,
html:not([data-theme="light"]) .neon-title a,
html:not([data-theme="light"]) .project-title,
html:not([data-theme="light"]) .project-card-title,
html:not([data-theme="light"]) .p-trainer-name,
html:not([data-theme="light"]) .sc-name,
html:not([data-theme="light"]) .ach-card-body h3,
html:not([data-theme="light"]) .category-card h3,
html:not([data-theme="light"]) .feature-card h3,
html:not([data-theme="light"]) .testimonial-info h4,
html:not([data-theme="light"]) .stat-number {
  color: #f8fafc !important;
}

html[data-theme="dark"] .sc-description,
html[data-theme="dark"] .project-desc,
html[data-theme="dark"] .project-card-description,
html[data-theme="dark"] .ach-card-body p,
html[data-theme="dark"] .category-card p,
html[data-theme="dark"] .feature-card p,
html[data-theme="dark"] .testimonial-text,
html:not([data-theme="light"]) .sc-description,
html:not([data-theme="light"]) .project-desc,
html:not([data-theme="light"]) .project-card-description,
html:not([data-theme="light"]) .ach-card-body p,
html:not([data-theme="light"]) .category-card p,
html:not([data-theme="light"]) .feature-card p,
html:not([data-theme="light"]) .testimonial-text {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .p-trainer-title,
html[data-theme="dark"] .neon-instructor .role,
html[data-theme="dark"] .feature-label,
html[data-theme="dark"] .p-stat-desc,
html[data-theme="dark"] .sc-meta-item,
html[data-theme="dark"] .stat-item,
html:not([data-theme="light"]) .stat-label,
html:not([data-theme="light"]) .p-trainer-title,
html:not([data-theme="light"]) .neon-instructor .role,
html:not([data-theme="light"]) .feature-label,
html:not([data-theme="light"]) .p-stat-desc,
html:not([data-theme="light"]) .sc-meta-item,
html:not([data-theme="light"]) .stat-item {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .p-stats-grid,
html[data-theme="dark"] .hero-stats,
html:not([data-theme="light"]) .p-stats-grid,
html:not([data-theme="light"]) .hero-stats {
  background: rgba(10, 13, 20, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Buttons in Dark Mode */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .sc-btn-primary,
html[data-theme="dark"] .p-action-btn,
html:not([data-theme="light"]) .btn-primary,
html:not([data-theme="light"]) .sc-btn-primary,
html:not([data-theme="light"]) .p-action-btn {
  background: linear-gradient(135deg, var(--aw-cyan) 0%, var(--aw-teal) 100%) !important;
  color: #050508 !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  border: none !important;
  box-shadow: 0 0 35px -5px var(--aw-cyan-glow) !important;
}

html[data-theme="dark"] .btn-glass,
html:not([data-theme="light"]) .btn-glass {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html[data-theme="dark"] .btn-outline,
html:not([data-theme="light"]) .btn-outline {
  background: rgba(0, 242, 254, 0.05) !important;
  border: 1.5px solid rgba(0, 242, 254, 0.5) !important;
  color: #00f2fe !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .btn-outline:hover,
html:not([data-theme="light"]) .btn-outline:hover {
  background: #00f2fe !important;
  color: #050508 !important;
  box-shadow: 0 0 25px rgba(0, 242, 254, 0.4) !important;
}

html[data-theme="dark"] .neon-action-btn,
html:not([data-theme="light"]) .neon-action-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .neon-action-btn:hover,
html:not([data-theme="light"]) .neon-action-btn:hover {
  background: var(--aw-cyan) !important;
  border-color: var(--aw-cyan) !important;
  color: #050508 !important;
  font-weight: 800 !important;
}

html[data-theme="dark"] .btn-view-details,
html[data-theme="dark"] .view-details-link,
html:not([data-theme="light"]) .btn-view-details,
html:not([data-theme="light"]) .view-details-link {
  color: var(--aw-cyan) !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] .apply-btn,
html:not([data-theme="light"]) .apply-btn {
  background: var(--aw-cyan) !important;
  color: #050508 !important;
  font-weight: 800 !important;
}

/* Modals in Dark Mode */
html[data-theme="dark"] .ach-modal-container,
html[data-theme="dark"] .modal-container,
html[data-theme="dark"] .modal-content,
html:not([data-theme="light"]) .ach-modal-container,
html:not([data-theme="light"]) .modal-container,
html:not([data-theme="light"]) .modal-content {
  background: rgba(14, 18, 26, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .ach-modal-body h2,
html:not([data-theme="light"]) .ach-modal-body h2 {
  color: #ffffff !important;
}

html[data-theme="dark"] .ach-modal-body p,
html:not([data-theme="light"]) .ach-modal-body p {
  color: #cbd5e1 !important;
}

/* ==========================================================================
   THEME ADAPTATION: LIGHT MODE (الوضع النهاري)
   ========================================================================== */
html[data-theme="light"] body {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}

html[data-theme="light"] .aw-ambient-mesh .aw-mesh-orb {
  opacity: 0.08;
}

/* Page Header in Light Mode */
html[data-theme="light"] .page-header {
  position: relative !important;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f8fafc 100%) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 10rem 0 6rem !important;
  text-align: center !important;
}

html[data-theme="light"] .page-header h1 {
  color: #0f172a !important;
}

html[data-theme="light"] .page-header p {
  color: #334155 !important;
}

html[data-theme="light"] .breadcrumb {
  background: rgba(15, 23, 42, 0.04) !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .breadcrumb a {
  color: #475569 !important;
}

html[data-theme="light"] .breadcrumb a:hover {
  color: var(--aw-cyan-dark) !important;
}

html[data-theme="light"] .breadcrumb span {
  color: var(--aw-cyan-dark) !important;
  font-weight: 700 !important;
}

/* Filter Bars & Tabs in Light Mode */
html[data-theme="light"] .filter-tabs,
html[data-theme="light"] .achievements-filters {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .filter-tab,
html[data-theme="light"] .filter-btn {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}

html[data-theme="light"] .filter-tab *,
html[data-theme="light"] .filter-btn * {
  color: inherit !important;
}

html[data-theme="light"] .filter-tab:hover,
html[data-theme="light"] .filter-btn:hover {
  background: rgba(0, 188, 212, 0.12) !important;
  color: #0f172a !important;
  border-color: var(--aw-cyan-base) !important;
}

html[data-theme="light"] .filter-tab.active,
html[data-theme="light"] .filter-btn.active {
  background: linear-gradient(135deg, #00bcd4 0%, #009688 100%) !important;
  border-color: #00bcd4 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0, 188, 212, 0.35) !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .filter-tab.active *,
html[data-theme="light"] .filter-btn.active * {
  color: #ffffff !important;
}

/* Glass Nexus & Search Containers in Light Mode */
html[data-theme="light"] .glass-nexus,
html[data-theme="light"] .search-container {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

html[data-theme="light"] .nexus-search input,
html[data-theme="light"] .search-container input,
html[data-theme="light"] .search-input {
  color: #0f172a !important;
}

html[data-theme="light"] .nexus-search input::placeholder,
html[data-theme="light"] .search-container input::placeholder,
html[data-theme="light"] .search-input::placeholder {
  color: #64748b !important;
}

html[data-theme="light"] .nexus-label,
html[data-theme="light"] .sorting-label {
  color: #334155 !important;
}

html[data-theme="light"] .nexus-dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="light"] .nexus-option {
  color: #334155 !important;
}

html[data-theme="light"] .nexus-option:hover {
  background: rgba(0, 188, 212, 0.1) !important;
  color: var(--aw-cyan-dark) !important;
}

html[data-theme="light"] .nexus-option.active {
  background: rgba(0, 188, 212, 0.18) !important;
  color: var(--aw-cyan-dark) !important;
  font-weight: 700 !important;
}

/* Universal Cards in Light Mode */
html[data-theme="light"] .aw-tilt-card,
html[data-theme="light"] .service-tilt-card,
html[data-theme="light"] .live-course-card,
html[data-theme="light"] .neon-course-card,
html[data-theme="light"] .course-card,
html[data-theme="light"] .trainer-card,
html[data-theme="light"] .trainer-card-page,
html[data-theme="light"] .trainer-p-card,
html[data-theme="light"] .startup-card-v2,
html[data-theme="light"] .startup-project-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .project-card-clean,
html[data-theme="light"] .project-card-extended,
html[data-theme="light"] .ach-card,
html[data-theme="light"] .achievement-card,
html[data-theme="light"] .ach-stat-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .category-card,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .stat-card {
  background: #ffffff !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .floating-card {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .floating-card span {
  color: #0f172a !important;
}

/* Card typography in Light Mode */
html[data-theme="light"] .neon-title a,
html[data-theme="light"] .project-title,
html[data-theme="light"] .project-card-title,
html[data-theme="light"] .p-trainer-name,
html[data-theme="light"] .sc-name,
html[data-theme="light"] .ach-card-body h3,
html[data-theme="light"] .category-card h3,
html[data-theme="light"] .feature-card h3,
html[data-theme="light"] .testimonial-info h4,
html[data-theme="light"] .stat-number,
html[data-theme="light"] .card-title,
html[data-theme="light"] .service-tilt-card .card-title {
  color: #0f172a !important;
}

html[data-theme="light"] .sc-description,
html[data-theme="light"] .project-desc,
html[data-theme="light"] .project-card-description,
html[data-theme="light"] .ach-card-body p,
html[data-theme="light"] .category-card p,
html[data-theme="light"] .feature-card p,
html[data-theme="light"] .testimonial-text,
html[data-theme="light"] .card-desc,
html[data-theme="light"] .service-tilt-card .card-desc,
html[data-theme="light"] .section-desc-text {
  color: #334155 !important;
}

/* 3D Services Section View Switcher in Light Mode */
html[data-theme="light"] .view-switcher-container {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] .view-btn {
  color: #334155 !important;
}

html[data-theme="light"] .view-btn:hover {
  color: #0f172a !important;
}

html[data-theme="light"] .view-btn.active {
  background: linear-gradient(135deg, #00bcd4 0%, #009688 100%) !important;
  color: #ffffff !important;
  border: 1px solid #00bcd4 !important;
  box-shadow: 0 4px 15px rgba(0, 188, 212, 0.3) !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .view-btn.active * {
  color: #ffffff !important;
}

html[data-theme="light"] .service-tilt-card .card-service-num {
  color: #94a3b8 !important;
}

html[data-theme="light"] .service-tilt-card .card-action-bar {
  border-top: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .service-tilt-card .action-link-text {
  color: #00838f !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .service-tilt-card .card-arrow-circle {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}

html[data-theme="light"] .service-tilt-card:hover .card-arrow-circle {
  background: #00bcd4 !important;
  border-color: #00bcd4 !important;
  color: #ffffff !important;
}

html[data-theme="light"] .service-tilt-card .card-icon-sphere {
  background: linear-gradient(135deg, rgba(0, 188, 212, 0.12) 0%, rgba(112, 0, 255, 0.15) 100%) !important;
  border: 1px solid rgba(0, 188, 212, 0.3) !important;
  color: #00838f !important;
}

html[data-theme="light"] .stat-label,
html[data-theme="light"] .p-trainer-title,
html[data-theme="light"] .neon-instructor .role,
html[data-theme="light"] .feature-label,
html[data-theme="light"] .p-stat-desc,
html[data-theme="light"] .sc-meta-item,
html[data-theme="light"] .stat-item {
  color: #475569 !important;
}

html[data-theme="light"] .p-stats-grid,
html[data-theme="light"] .hero-stats {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

/* Buttons in Light Mode */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .sc-btn-primary,
html[data-theme="light"] .p-action-btn {
  background: linear-gradient(135deg, var(--aw-cyan-base) 0%, var(--aw-teal-base) 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(0, 188, 212, 0.35) !important;
}

html[data-theme="light"] .btn-glass {
  background: rgba(15, 23, 42, 0.04) !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

html[data-theme="light"] .btn-glass:hover {
  background: rgba(0, 188, 212, 0.1) !important;
  border-color: var(--aw-cyan-base) !important;
  color: var(--aw-cyan-dark) !important;
}

html[data-theme="light"] .btn-outline {
  background: transparent !important;
  border: 2px solid var(--aw-cyan-base) !important;
  color: var(--aw-cyan-dark) !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .btn-outline:hover {
  background: var(--aw-cyan-base) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0, 188, 212, 0.35) !important;
}

html[data-theme="light"] .neon-action-btn {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .neon-action-btn:hover {
  background: var(--aw-cyan-base) !important;
  border-color: var(--aw-cyan-base) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .btn-view-details,
html[data-theme="light"] .view-details-link {
  color: var(--aw-cyan-dark) !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .apply-btn {
  background: var(--aw-cyan-base) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Modals in Light Mode */
html[data-theme="light"] .ach-modal-container,
html[data-theme="light"] .modal-container,
html[data-theme="light"] .modal-content {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="light"] .ach-modal-body h2 {
  color: #0f172a !important;
}

html[data-theme="light"] .ach-modal-body p {
  color: #334155 !important;
}

/* ==========================================================================
   Permanent Dark Sections Protection (Hero Banners that stay dark)
   ========================================================================== */
.startups-hero h1,
.startups-hero p,
.startups-hero .hero-description,
.startups-hero .hero-badge {
  color: #ffffff !important;
}

/* ==========================================================================
   Interactive Hover & Spotlight
   ========================================================================== */
.aw-tilt-card:hover,
.service-tilt-card:hover,
.live-course-card:hover,
.neon-course-card:hover,
.course-card:hover,
.trainer-card:hover,
.trainer-card-page:hover,
.trainer-p-card:hover,
.startup-card-v2:hover,
.startup-project-card:hover,
.project-card:hover,
.project-card-clean:hover,
.project-card-extended:hover,
.ach-card:hover,
.achievement-card:hover,
.ach-stat-card:hover,
.feature-card:hover,
.category-card:hover,
.testimonial-card:hover {
  transform: translateY(-8px) scale(1.01) !important;
  border-color: var(--aw-cyan-base) !important;
}

/* Scroll-To-Top Button */
.scroll-top {
  position: fixed !important;
  bottom: 2.5rem !important;
  left: 2.5rem !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.35s var(--ease-elastic) !important;
  z-index: 9999 !important;
}

html[data-theme="dark"] .scroll-top,
html:not([data-theme="light"]) .scroll-top {
  background: rgba(14, 18, 26, 0.75) !important;
  border: 1px solid rgba(0, 242, 254, 0.35) !important;
  color: var(--aw-cyan) !important;
  box-shadow: 0 0 25px rgba(0, 242, 254, 0.2) !important;
}

html[data-theme="light"] .scroll-top {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: var(--aw-cyan-dark) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

.scroll-top:hover {
  background: var(--aw-purple) !important;
  border-color: var(--aw-purple) !important;
  color: #ffffff !important;
  box-shadow: 0 0 30px var(--aw-purple-glow) !important;
  transform: translateY(-4px) scale(1.1) !important;
}