:root {
  --omni-bg: #0a0716;
  --omni-surface: rgba(23, 16, 45, 0.72);
  --omni-surface-2: #15102b;
  --omni-text: #ece9f7;
  --omni-muted: #a79dc9;
  --omni-border: rgba(167, 139, 250, 0.16);
  --omni-primary: #7c5cf0;
  --omni-primary-strong: #6d28d9;
  --omni-secondary: #a78bfa;
  --omni-accent: #c084fc;
  --omni-success: #34d399;
  --omni-warning: #f59e0b;
  --omni-danger: #f87171;
  --omni-glow: rgba(124, 92, 240, 0.32);
  --omni-radius: 14px;
  --omni-radius-sm: 10px;
  --omni-radius-lg: 18px;
  --omni-gap: 16px;
  --omni-pad: 20px;
  --omni-shadow-1: 0 1px 2px rgba(10, 7, 22, 0.16);
  --omni-shadow-2: 0 10px 30px rgba(10, 7, 22, 0.18);
  --omni-shadow-3: 0 18px 48px rgba(10, 7, 22, 0.24);
  --omni-font: "IBM Plex Sans Arabic", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --omni-dur: 160ms;
  --omni-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}

html[data-omni-section="main"] {
  --omni-bg: #0a0716;
  --omni-surface: rgba(23, 16, 45, 0.72);
  --omni-surface-2: #15102b;
  --omni-text: #ece9f7;
  --omni-muted: #a79dc9;
  --omni-border: rgba(167, 139, 250, 0.16);
  --omni-primary: #7c5cf0;
  --omni-primary-strong: #6d28d9;
  --omni-secondary: #a78bfa;
  --omni-accent: #c084fc;
  --omni-glow: rgba(124, 92, 240, 0.32);
}

html[data-omni-section="marketplace"] {
  --omni-bg: #f7faff;
  --omni-surface: rgba(255, 255, 255, 0.92);
  --omni-surface-2: #eef4ff;
  --omni-text: #0f172a;
  --omni-muted: #5b6b84;
  --omni-border: rgba(37, 99, 235, 0.16);
  --omni-primary: #1d4ed8;
  --omni-primary-strong: #1e40af;
  --omni-secondary: #0ea5e9;
  --omni-accent: #22d3ee;
  --omni-success: #059669;
  --omni-warning: #d97706;
  --omni-danger: #dc2626;
  --omni-glow: rgba(29, 78, 216, 0.28);
}

html[data-omni-section="students"] {
  --omni-bg: #f4fbfa;
  --omni-surface: rgba(255, 255, 255, 0.92);
  --omni-surface-2: #eafaf6;
  --omni-text: #06231f;
  --omni-muted: #4b6b65;
  --omni-border: rgba(13, 148, 136, 0.18);
  --omni-primary: #0d9488;
  --omni-primary-strong: #0f766e;
  --omni-secondary: #10b981;
  --omni-accent: #2dd4bf;
  --omni-success: #059669;
  --omni-warning: #d97706;
  --omni-danger: #dc2626;
  --omni-glow: rgba(13, 148, 136, 0.3);
}

html[data-omni-section="business"] {
  --omni-bg: #f7faff;
  --omni-surface: rgba(255, 255, 255, 0.92);
  --omni-surface-2: #eef2ff;
  --omni-text: #0f172a;
  --omni-muted: #5a6480;
  --omni-border: rgba(79, 70, 229, 0.18);
  --omni-primary: #4f46e5;
  --omni-primary-strong: #4338ca;
  --omni-secondary: #6366f1;
  --omni-accent: #818cf8;
  --omni-success: #059669;
  --omni-warning: #d97706;
  --omni-danger: #dc2626;
  --omni-glow: rgba(79, 70, 229, 0.28);
}

html[data-omni-section="support"] {
  --omni-bg: #f5fbff;
  --omni-surface: rgba(255, 255, 255, 0.92);
  --omni-surface-2: #eaf6ff;
  --omni-text: #062536;
  --omni-muted: #4a6b80;
  --omni-border: rgba(8, 145, 178, 0.18);
  --omni-primary: #0891b2;
  --omni-primary-strong: #0e7490;
  --omni-secondary: #0284c7;
  --omni-accent: #38bdf8;
  --omni-success: #059669;
  --omni-warning: #d97706;
  --omni-danger: #dc2626;
  --omni-glow: rgba(8, 145, 178, 0.3);
}

html[data-omni-section="media"] {
  --omni-bg: #0b0714;
  --omni-surface: rgba(30, 12, 34, 0.78);
  --omni-surface-2: #1c1030;
  --omni-text: #fbeef7;
  --omni-muted: #c3a6c3;
  --omni-border: rgba(232, 121, 249, 0.18);
  --omni-primary: #ec4899;
  --omni-primary-strong: #be185d;
  --omni-secondary: #d946ef;
  --omni-accent: #f0abfc;
  --omni-glow: rgba(217, 70, 239, 0.32);
}

html[data-omni-tone="light"] {
  --omni-bg: #f8fbff;
  --omni-surface: rgba(255, 255, 255, 0.92);
  --omni-surface-2: #eef4fb;
  --omni-text: #0f172a;
  --omni-muted: #5b6b84;
  --omni-border: rgba(15, 23, 42, 0.12);
}

html[data-omni-section="main"][data-omni-tone="light"] {
  --omni-primary: #7c3aed;
  --omni-primary-strong: #6d28d9;
  --omni-secondary: #a78bfa;
  --omni-accent: #c084fc;
  --omni-glow: rgba(124, 58, 237, 0.26);
}

html[data-omni-section] {
  --bg: var(--omni-bg);
  --surface: var(--omni-surface);
  --surface-solid: var(--omni-surface-2);
  --surface2: var(--omni-surface-2);
  --text: var(--omni-text);
  --text2: var(--omni-muted);
  --muted: var(--omni-muted);
  --border: var(--omni-border);
  --accent: var(--omni-primary);
  --accent2: var(--omni-secondary);
  --accent-2: var(--omni-secondary);
  --glow: 0 0 24px var(--omni-glow);
  --radius: var(--omni-radius);
}

html[data-omni-section] body {
  font-family: var(--omni-font);
}

html[data-omni-section] .btn-primary {
  background: linear-gradient(to right, var(--omni-primary), var(--omni-secondary));
  box-shadow: 0 10px 25px var(--omni-glow);
}

html[data-omni-section] .btn-primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

html[data-omni-section] :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--omni-primary);
  outline-offset: 2px;
}

html[data-omni-section="main"] .brand-mark {
  background: linear-gradient(to top right, var(--omni-primary), var(--omni-secondary) 50%, var(--omni-accent));
  box-shadow: 0 8px 20px var(--omni-glow);
}

html[data-omni-section="main"] .ambient-orb-1 {
  background: radial-gradient(circle, var(--omni-primary) 0%, #2e1065 70%);
}

html[data-omni-section="main"] .ambient-orb-2 {
  background: radial-gradient(circle, var(--omni-secondary) 0%, #1e1b4b 70%);
}

html[data-omni-section="main"] .ambient-orb-3 {
  background: radial-gradient(circle, var(--omni-accent) 0%, #1e1b4b 70%);
}

html[data-omni-section] .glass-header {
  border-color: var(--omni-border);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.28), 0 0 0 1px var(--omni-border);
}

html[data-omni-section] .nav-soon,
html[data-omni-section] .soon-badge {
  color: var(--omni-warning);
}

html[data-omni-section="students"] .form-group input:focus,
html[data-omni-section="students"] .form-group select:focus,
html[data-omni-section="students"] .form-group textarea:focus,
html[data-omni-section="support"] .form-group input:focus,
html[data-omni-section="support"] .form-group select:focus,
html[data-omni-section="support"] .form-group textarea:focus {
  border-color: var(--omni-primary);
}

html[data-omni-section="students"] .back-link,
html[data-omni-section="support"] .back-link {
  background: color-mix(in srgb, var(--omni-primary) 12%, transparent);
  color: var(--omni-text);
}

html[data-omni-section="students"] .card,
html[data-omni-section="support"] .card,
html[data-omni-section="business"] .biz-card,
html[data-omni-section="business"] .pricing-card {
  transition: transform var(--omni-dur) var(--omni-ease), box-shadow var(--omni-dur) var(--omni-ease),
    border-color var(--omni-dur) var(--omni-ease);
}

html[data-omni-section="students"] .card:hover,
html[data-omni-section="support"] .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(6, 35, 31, 0.12);
}

html[data-omni-section="business"] .pricing-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--omni-shadow-2);
}

html[data-omni-section="media"] .icon-btn {
  border-color: var(--omni-border);
}

html[data-omni-section="media"] .icon-btn.active {
  background: var(--omni-primary);
  border-color: var(--omni-primary);
}

html[data-omni-section="media"] .topbar {
  border-bottom-color: var(--omni-border);
}

.omni-lang {
  display: inline-flex;
  direction: ltr;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 999px;
  border: 1px solid var(--omni-border);
  background: var(--omni-surface);
  box-shadow: var(--omni-shadow-1);
  vertical-align: middle;
}

.omni-lang-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--omni-muted);
  font-family: var(--omni-font);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1;
  padding: 7px 11px;
  border-radius: 999px;
  cursor: pointer;
  transition: background var(--omni-dur) var(--omni-ease), color var(--omni-dur) var(--omni-ease),
    box-shadow var(--omni-dur) var(--omni-ease);
  white-space: nowrap;
}

.omni-lang-btn:hover {
  color: var(--omni-text);
  background: color-mix(in srgb, var(--omni-primary) 12%, transparent);
}

.omni-lang-btn.is-active {
  background: var(--omni-primary-strong);
  color: #fff;
  box-shadow: 0 4px 12px var(--omni-glow);
}

.omni-lang-btn:focus-visible {
  outline: 2px solid var(--omni-primary);
  outline-offset: 2px;
}

@media (max-width: 430px) {
  .omni-lang {
    padding: 2px;
  }
  .omni-lang-btn {
    font-size: 11.5px;
    padding: 6px 8px;
  }
}

.header-side {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

html[data-omni-section] .site-lang {
  display: block;
  margin-top: 10px;
}

html[data-omni-section="media"] .topbar-actions .omni-lang {
  background: var(--omni-surface-2);
  border-color: var(--omni-border);
}

@media (prefers-reduced-motion: reduce) {
  html[data-omni-section] *,
  html[data-omni-section] *::before,
  html[data-omni-section] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  html[data-omni-section] .card:hover,
  html[data-omni-section] .pricing-card:hover,
  html[data-omni-section] .btn-primary:hover {
    transform: none !important;
  }
}