.theme-toggle {
  display: inline-flex;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(160, 163, 225, .28);
  border-radius: 50%;
  color: #6257dc;
  background: rgba(245, 245, 255, .9);
  box-shadow: 0 4px 16px rgba(41, 40, 90, .06);
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.theme-toggle:hover { border-color: #8e83ee; transform: translateY(-1px); }
.theme-toggle:focus-visible { outline: 3px solid #a291fe; outline-offset: 4px; }
.theme-toggle svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.theme-toggle .theme-sun { display: none; }
html[data-theme="dark"] .theme-toggle .theme-moon { display: none; }
html[data-theme="dark"] .theme-toggle .theme-sun { display: block; }
.header.style-2 .theme-toggle,
.header.header-sticky .theme-toggle,
html[data-theme="dark"] .theme-toggle {
  color: #e0dcff;
  background: rgba(125, 120, 198, .16);
  border-color: rgba(211, 207, 255, .28);
  backdrop-filter: blur(10px);
}
html[data-theme="dark"] {
  --color-title: #eef0fb;
  --color-paragraph: #b0b6cd;
  --color-border-1: #a291fe38;
  --color-border-2: #e0e5ff26;
  --color-border-3: #ffffff24;
  --color-border-4: #ffffff17;
  --color-border-7: #ffffff1a;
  --color-border-8: #ffffff1f;
  --color-bg-1: #9c8df018;
  --ai-agency-gray: #111727;
}
html[data-theme="dark"] body {
  color: var(--color-title);
  background-color: #0c101d;
}
html[data-theme="dark"] :is(.sub-menu, .preload-container, .progress-wrap, .sidebar-filter, .process-accordion-item, .pricing-item.style-bg-white, .services-item, .services-item-2, .contact-card .link, .project-item.style-3 .item-content, .project-item.style-2:hover .item-content) {
  color: var(--color-title);
  background: #161c2d;
}
html[data-theme="dark"] :is(.sub-menu_link, .contact-card .link, .project-item .name-project, .process-accordion-item .title, .process-accordion-item .text, .contact-item .title) {
  color: var(--color-title);
}
html[data-theme="dark"] .project-item .meta-project .meta-item {
  color: #e6e7fa;
  background-color: #20283c;
}
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .nice-select, .nice-select .list) {
  color: #e9ebf7;
  background-color: #1b2336;
  border-color: #a291fe42;
}
html[data-theme="dark"] :is(input, textarea)::placeholder { color: #a2abc4; }
html[data-theme="dark"] .nice-select .option:hover,
html[data-theme="dark"] .nice-select .option.focus,
html[data-theme="dark"] .nice-select .option.selected.focus { background-color: #303750; }
html[data-theme="dark"] .nice-select > span { color: #e9ebf7; }
html[data-theme="dark"] .contact-card .title-card { color: #fff; }
html[data-theme="dark"] .section-features::before { background-color: #111727; }
html[data-theme="dark"] .section-CTA .section-cta-inner { background-color: #111727; }
@media (max-width: 575px) {
  .header .header-right { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .theme-toggle { transition: none; }
}