﻿



.marketing-theme-toggle {

  position: relative;

  width: 58px;

  height: 30px;

  flex-shrink: 0;

  border: 1px solid var(--lp-border, rgba(163, 155, 141, 0.22));

  border-radius: 999px;

  padding: 0 7px;

  background: rgba(255, 255, 255, 0.05);

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  justify-content: space-between;

  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;

}

.marketing-theme-toggle:hover {
  border-color: #CFC2AD;
  background: #EDE4D6;
}

.marketing-theme-toggle:focus-visible {
  outline: 2px solid #1E2638;
  outline-offset: 2px;
}

.marketing-theme-toggle__icon {

  font-size: 12px;

  line-height: 1;

  z-index: 2;

  opacity: 0.45;

}

.marketing-theme-toggle__icon--sun {

  opacity: 0.35;

}

[data-theme="light"] .marketing-theme-toggle__icon--sun {

  opacity: 1;

}

[data-theme="light"] .marketing-theme-toggle__icon--moon {

  opacity: 0.35;

}

.marketing-theme-toggle__thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #1E2638;
  box-shadow: 0 1px 3px rgba(30, 38, 56, 0.15);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] .marketing-theme-toggle__thumb {
  transform: translateX(28px);
  background: #B4532A;
  box-shadow: 0 1px 3px rgba(180, 83, 42, 0.2);
}





.marketing-theme-dock {

  position: fixed;

  right: 1.1rem;

  bottom: 1.1rem;

  z-index: 950;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0.45rem;

  border-radius: 999px;

  border: 1px solid rgba(163, 155, 141, 0.2);

  background: rgba(255, 255, 255, 0.95);

  backdrop-filter: blur(16px) saturate(1.3);

  -webkit-backdrop-filter: blur(16px) saturate(1.3);

  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);

}

html[dir="rtl"] .marketing-theme-dock {

  right: auto;

  left: 1.1rem;

}

html[data-theme="light"] .marketing-theme-dock {

  background: rgba(255, 255, 255, 0.92);

  border-color: rgba(30, 38, 56, 0.1);

  box-shadow: 0 12px 32px rgba(30, 38, 56, 0.12);

}





.vt-flag-icon {

  --vt-flag-size: 22px;

  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: var(--vt-flag-size);

  height: var(--vt-flag-size);

  flex-shrink: 0;

  border-radius: 50%;

  overflow: hidden;

  background: #262F42;

  box-shadow:

    inset 0 0 0 1.5px rgba(255, 255, 255, 0.45),

    0 0 0 1px rgba(30, 38, 56, 0.18),

    0 2px 6px rgba(0, 0, 0, 0.2);

}

.vt-flag-icon--sm {

  --vt-flag-size: 18px;

}

.vt-flag-icon img {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 155%;

  height: auto;

  min-height: 100%;

  transform: translate(-50%, -50%);

  object-fit: cover;

  object-position: center center;

}

html[data-theme="light"] .vt-flag-icon {

  background: #EDE4D6;

  box-shadow:

    inset 0 0 0 1.5px rgba(255, 255, 255, 0.95),

    0 0 0 1px rgba(30, 38, 56, 0.1),

    0 2px 5px rgba(30, 38, 56, 0.08);

}







html[data-theme="light"] body.landing-page {

  --lp-bg: #eef2f9;

  --lp-bg-2: #e4eaf5;

  --lp-surface: rgba(255, 255, 255, 0.94);

  --lp-surface-solid: #ffffff;

  --lp-glass: rgba(30, 38, 56, 0.05);

  --lp-border: rgba(30, 38, 56, 0.12);

  --lp-border-strong: rgba(180, 83, 42, 0.32);

  --lp-text: #1E2638;

  --lp-muted: #3A4756;

  color: var(--lp-text);

}



html[data-theme="light"] body.landing-page .landing-aurora__photo {

  opacity: 0.12;

  filter: saturate(0.75) brightness(1.08);

}

html[data-theme="light"] body.landing-page .landing-aurora__layer {

  opacity: 0.18;

}

html[data-theme="light"] body.landing-page .landing-nav {

  background: rgba(238, 242, 249, 0.82);

  border-bottom-color: rgba(30, 38, 56, 0.08);

}

html[data-theme="light"] body.landing-page .landing-nav.is-scrolled {

  background: rgba(255, 255, 255, 0.94);

  box-shadow: 0 8px 30px rgba(30, 38, 56, 0.08);

}

html[data-theme="light"] body.landing-page .landing-nav__links a {

  color: #3A4756;

}

html[data-theme="light"] body.landing-page .landing-nav__links a:hover,

html[data-theme="light"] body.landing-page .landing-nav__links a.is-active {

  color: #1E2638;

}

html[data-theme="light"] body.landing-page .landing-hero::before {

  background-image: url("landing/hero-bg-day.png");

  opacity: 0.22;

}

html[data-theme="light"] body.landing-page .landing-gradient-text {

  background: linear-gradient(115deg, #B4532A 0%, #B8893A 55%, #B4532A 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

}

html[data-theme="light"] body.landing-page .landing-badge {

  background: #E9F3EC;

  color: #9A4422;

  border-color: #8FC1A3;

}

html[data-theme="light"] body.landing-page .landing-hero__note {

  color: #6B6458;

}

html[data-theme="light"] body.landing-page .landing-hero__stats strong {

  background: linear-gradient(180deg, #9A4422 0%, #B8893A 100%);

  -webkit-background-clip: text;

  background-clip: text;

  -webkit-text-fill-color: transparent;

}

html[data-theme="light"] body.landing-page .landing-marquee {

  background: rgba(255, 255, 255, 0.78);

  border-color: rgba(30, 38, 56, 0.08);

}

html[data-theme="light"] body.landing-page .landing-marquee__list li {

  color: #3A4756;

}

html[data-theme="light"] body.landing-page .landing-bento__cell,

html[data-theme="light"] body.landing-page .landing-module,

html[data-theme="light"] body.landing-page .landing-step {

  background: rgba(255, 255, 255, 0.94);

  border-color: rgba(30, 38, 56, 0.1);

  color: var(--lp-text);

}

html[data-theme="light"] body.landing-page .landing-bento__cell p,

html[data-theme="light"] body.landing-page .landing-module p,

html[data-theme="light"] body.landing-page .landing-step p,

html[data-theme="light"] body.landing-page .landing-section__sub,

html[data-theme="light"] body.landing-page .landing-trust__copy > p {

  color: #3A4756;

}

html[data-theme="light"] body.landing-page .landing-bento__tag {

  color: #8a6a1a;

  background: rgba(184, 137, 58, 0.14);

  border-color: rgba(184, 137, 58, 0.3);

}

html[data-theme="light"] body.landing-page .landing-bento__tag--live {

  color: #9A4422;

  background: rgba(180, 83, 42, 0.1);

  border-color: rgba(180, 83, 42, 0.22);

}

html[data-theme="light"] body.landing-page .landing-bento__icon img,

html[data-theme="light"] body.landing-page .landing-module__icon img {

  filter: drop-shadow(0 4px 10px rgba(18, 24, 38, 0.14));

}

html[data-theme="light"] body.landing-page .landing-lang-select__menu {

  background: rgba(255, 255, 255, 0.98);

  border-color: rgba(30, 38, 56, 0.1);

  box-shadow: 0 16px 40px rgba(30, 38, 56, 0.12);

}

html[data-theme="light"] body.landing-page .landing-lang-select__trigger:hover,

html[data-theme="light"] body.landing-page .landing-lang-select.is-open .landing-lang-select__trigger {

  background: rgba(30, 38, 56, 0.04);

}

html[data-theme="light"] body.landing-page .landing-lang-select__option {

  color: #3A4756;

}

html[data-theme="light"] body.landing-page .landing-lang-select__option:hover {

  background: rgba(30, 38, 56, 0.05);

  color: #1E2638;

}

html[data-theme="light"] body.landing-page .landing-lang-select__option.is-active {

  color: #fff;

}

html[data-theme="light"] body.landing-page .landing-trust__card {

  background:

    radial-gradient(120% 90% at 0% 0%, rgba(180, 83, 42, 0.08), transparent 60%),

    rgba(255, 255, 255, 0.96);

}

html[data-theme="light"] body.landing-page .landing-trust__quote-mark {

  color: rgba(180, 83, 42, 0.16);

}

html[data-theme="light"] body.landing-page .landing-footer {

  background: rgba(255, 255, 255, 0.9);

}

html[data-theme="light"] body.landing-page .landing-footer a {

  color: #3A4756;

}

html[data-theme="light"] body.landing-page .landing-footer a:hover {

  color: #1E2638;

}

html[data-theme="light"] body.landing-page .landing-country-pill {

  background: rgba(255, 255, 255, 0.94);

  color: #262F42;

  border-color: rgba(30, 38, 56, 0.1);

}

html[data-theme="light"] body.landing-page .landing-country-pill:hover {

  background: rgba(180, 83, 42, 0.08);

}

html[data-theme="light"] body.landing-page .landing-cookie {

  background: rgba(255, 255, 255, 0.96);

  border-color: rgba(30, 38, 56, 0.1);

  color: #2C3447;

}

html[data-theme="light"] body.landing-page .landing-module-flow__node.is-active {

  background: rgba(255, 255, 255, 0.98);

}



html[data-theme="light"] body.auth-page {

  --auth-aurora-opacity: 0.35;

}

html[data-theme="light"] body.auth-page .auth-card {

  background: rgba(255, 255, 255, 0.92);

  border-color: rgba(30, 38, 56, 0.08);

  box-shadow: 0 24px 60px rgba(30, 38, 56, 0.08);

}





html[data-theme="light"] body.landing-page .landing-brand__text,

html[data-theme="light"] body.landing-page .landing-hero__title,

html[data-theme="light"] body.landing-page .landing-section__head h2,

html[data-theme="light"] body.landing-page .landing-bento__cell h3,

html[data-theme="light"] body.landing-page .landing-module h3,

html[data-theme="light"] body.landing-page .landing-step h3,

html[data-theme="light"] body.landing-page .landing-trust__copy h2,

html[data-theme="light"] body.landing-page .landing-footer__brand,

html[data-theme="light"] body.landing-page .landing-footer h3,

html[data-theme="light"] body.landing-page .landing-cookie__title {

  color: #1E2638;

}

html[data-theme="light"] body.landing-page .landing-footer a:hover {

  color: #1E2638;

}

html[data-theme="light"] body.landing-page .landing-lang-select__trigger {

  color: #2C3447;

}

html[data-theme="light"] body.landing-page .landing-btn--ghost {

  color: #2C3447;

  border-color: rgba(30, 38, 56, 0.14);

  background: rgba(255, 255, 255, 0.7);

}

html[data-theme="light"] body.landing-page .landing-btn--ghost:hover {

  color: #1E2638;

  border-color: rgba(180, 83, 42, 0.35);

  background: rgba(180, 83, 42, 0.06);

}

html[data-theme="light"] body.landing-page .landing-bento__cell strong {

  color: #1E2638;

}

html[data-theme="light"] body.landing-page .landing-bento__tag {

  color: #8a6a1a;

}

html[data-theme="light"] body.landing-page .landing-bento__tag--live {

  color: #9A4422;

}

html[data-theme="light"] body.landing-page .landing-module-flow__badge {

  color: #B4532A;

}

html[data-theme="light"] body.landing-page .landing-module-flow__node.is-active {

  background: rgba(255, 255, 255, 0.98);

  border-color: rgba(184, 137, 58, 0.4);

  box-shadow:

    0 0 0 1px rgba(180, 83, 42, 0.16),

    0 16px 36px rgba(184, 137, 58, 0.22);

}

html[data-theme="light"] body.landing-page .landing-module-flow__node.is-active .landing-module-flow__badge {

  color: #8a6a1a;

}

html[data-theme="light"] body.landing-page .landing-motion-badge {

  color: #2C3447;

  background: rgba(255, 255, 255, 0.94);

  border-color: rgba(30, 38, 56, 0.1);

}

html[data-theme="light"] body.landing-page .landing-motion-badge strong {

  color: #1E2638;

}

html[data-theme="light"] body.landing-page .landing-nav__drawer a {

  color: #3A4756;

}

html[data-theme="light"] body.landing-page .landing-nav__burger {

  color: #1E2638;

}

html[data-theme="dark"] {
  background: #121826;
}

html[data-theme="dark"] body.landing-page {
  --lp-bg: #121826;
  --lp-bg-2: #1E2638;
  --lp-surface: #1E2638;
  --lp-surface-solid: #1E2638;
  --lp-glass: #262F42;
  --lp-text: #F7F3EC;
  --lp-muted: #A39B8D;
  --lp-border: #2C3447;
  --lp-border-strong: #3A4756;
  --lp-hover: #262F42;
  background: #121826;
  color: #F7F3EC;
}

html[data-theme="dark"] .landing-aurora {
  background: #121826;
}

html[data-theme="dark"] .marketing-theme-dock {
  background: rgba(30, 38, 56, 0.92);
  border-color: rgba(163, 155, 141, 0.28);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .marketing-theme-toggle {
  background: rgba(30, 38, 56, 0.8);
  border-color: rgba(163, 155, 141, 0.28);
}

html[data-theme="dark"] .marketing-theme-toggle:hover {
  border-color: #6B6458;
  background: #262F42;
}

html[data-theme="dark"] .marketing-theme-toggle__thumb {
  background: #DDD2C1;
}

