html {
  color-scheme: light;
  background: #fff;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  min-height: -webkit-fill-available;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background: #fff;
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  min-height: 100dvh;
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: touch;
}

:root {
  --codex-mobile-gutter: 32px;
}

#container [style*="opacity:0"],
#container [style*="opacity: 0"] {
  opacity: 1 !important;
  transform: none !important;
}

#container .frosted-glass {
  background: rgba(255, 255, 255, 0.16);
  background-clip: padding-box;
  border-radius: 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  isolation: isolate;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #container .frosted-glass {
    background: rgba(255, 255, 255, 0.72);
  }
}

@media (min-width: 1440px) {
  #container [data-width="1440"] :is(
    .css-103bah,
    .css-wswkjc,
    .css-oqdyn9,
    .css-66dybh,
    .css-wpso5i,
    .css-pyjh6o,
    .css-hoj3o7,
    .css-q6lzkf,
    .css-ojb4k1,
    .css-kq257g,
    .css-8zo7n4
  ) {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}

#container header {
  width: 100vw !important;
  max-width: 100vw !important;
  box-sizing: border-box;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background-color: #b8d7f5 !important;
  overflow: visible !important;
}

#container header > :is(.css-881fyl, .css-gxdil1),
#container header > .css-gxdil1 > .css-wcbkz4,
#container header :is(.css-m1lve1, .css-774opz, .css-gi4q1x) {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
}

#container header :is(.css-czeezp, .css-stc0p) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
  position: relative;
  z-index: 2;
}

@supports (width: 100dvw) {
  #container header {
    width: 100dvw !important;
    max-width: 100dvw !important;
    margin-left: calc(50% - 50dvw) !important;
    margin-right: calc(50% - 50dvw) !important;
  }
}

@media (max-width: 1439px) {
  #container [data-width="375"] {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: clip;
  }

  #container [data-width="375"] :is(.css-kyc78k, .css-oembos, .css-i5go71) {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
  }

  @supports (width: 100dvw) {
    #container [data-width="375"],
    #container [data-width="375"] :is(.css-kyc78k, .css-oembos, .css-i5go71) {
      width: 100dvw !important;
      max-width: 100dvw !important;
    }
  }

  #container [data-width="375"] :is(
    .css-hy2bff,
    .css-q37fuf,
    .css-hwd7gw,
    .css-s73qt5,
    .css-ca06tt,
    .css-kztf03,
    .css-8defns,
    .css-93d5yf,
    .css-yqfxy3,
    .css-lob3ca,
    .css-kq257g,
    .css-wpso5i,
    .css-pyjh6o,
    .css-hoj3o7
  ) {
    width: 100% !important;
    max-width: 960px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: max(var(--codex-mobile-gutter), env(safe-area-inset-left));
    padding-right: max(var(--codex-mobile-gutter), env(safe-area-inset-right));
  }

  #container [data-width="375"] :is(
    .css-i5gsqn,
    .css-e4o3a5,
    .css-e2tlxe,
    .css-dlulk8,
    .css-qve8y1,
    .css-pxc6io,
    .css-i5haf0,
    .css-i5czl1,
    .css-pay40t
  ) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #container [data-width="375"] :is(.css-e2tlxe, .css-dlulk8) {
    aspect-ratio: 800 / 393;
    height: auto !important;
  }

  #container [data-width="375"] :is(.css-qve8y1, .css-pxc6io) {
    aspect-ratio: 800 / 492;
    height: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1439px) {
  :root {
    --codex-mobile-gutter: 75px;
  }
}

#container a,
#container [role="link"],
#container .css-fi49pd,
#container .css-810q0y,
#container .css-qa1ig3,
#container .codex-clickable {
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

#container :is(
  .css-i5ewjm,
  .css-uaubta.css-djh5kr,
  .css-iyqo1d.css-yse78e,
  .css-qa1ig3,
  .css-kmhc3a,
  .css-fi49pd,
  .css-810q0y,
  .css-8habe,
  .css-oxic6p,
  .css-naebza,
  .css-n5njme
) {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease;
}

#container :is(
  a.css-i5ewjm,
  a.css-uaubta.css-djh5kr,
  a.css-iyqo1d.css-yse78e,
  .css-qa1ig3
):hover {
  background-color: #0945cb !important;
}

#container :is(
  a.css-i5ewjm,
  a.css-uaubta.css-djh5kr,
  a.css-iyqo1d.css-yse78e,
  .css-qa1ig3
):active {
  background-color: #0945cb !important;
}

#container a.css-kmhc3a.css-9iw2qv:hover {
  background-color: #b4d3fd !important;
}

#container a.css-kmhc3a.css-9iw2qv:active {
  background-color: #2563eb !important;
}

#container .css-fi49pd:hover {
  background-color: #b4d3fd !important;
}

#container .css-fi49pd.is-selected {
  background-color: #2563eb !important;
}

#container .css-fi49pd.is-selected p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#container .css-810q0y .css-8habe {
  position: relative;
  border-radius: 999px;
}

#container .css-810q0y:hover .css-8habe,
#container .css-810q0y.is-selected .css-8habe {
  opacity: 1 !important;
  background-color: #c9dffc !important;
}

#container .css-810q0y:hover .css-oxic6p,
#container .css-810q0y.is-selected .css-oxic6p {
  border-color: #6691f0 !important;
}

#container .css-810q0y.is-selected:hover .css-8habe {
  background-color: #b4d3fd !important;
}

#container .css-810q0y.is-selected .css-8habe::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  background: #6691f0;
  border-radius: 999px;
  transform: translate(-50%, -50%);
}

#container .codex-input-host {
  cursor: text;
}

#container .codex-native-input,
#container .codex-native-textarea {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #323c49;
  font-family: "Inter:Regular", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  z-index: 4;
  pointer-events: auto;
  user-select: text;
  -webkit-user-select: text;
  -webkit-appearance: none;
  appearance: none;
}

#container .codex-native-input {
  height: 100%;
  padding: 8px 12px;
}

#container .codex-native-textarea {
  min-height: 116px;
  resize: vertical;
  padding: 0;
  font-family: "Urbanist:Regular", sans-serif;
  font-size: var(--responsive-font-size, 16px);
  line-height: 1.6;
}

#container .codex-native-input::placeholder,
#container .codex-native-textarea::placeholder {
  color: #71849d;
  opacity: 1;
}

#container .codex-input-host:hover .css-naebza,
#container [data-codex-textarea-host="true"]:hover .css-n5njme {
  border-color: #b4d3fd !important;
}

#container .codex-field-focused {
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18);
}

#container .codex-field-focused .css-naebza,
#container .codex-field-focused .css-n5njme {
  border-color: #2563eb !important;
}

#container .codex-input-host.codex-field-focused:hover .css-naebza,
#container [data-codex-textarea-host="true"]:hover .codex-field-focused.css-iyqo1d .css-n5njme {
  border-color: #2563eb !important;
}

#container .codex-hidden-placeholder {
  display: none !important;
}

#container .codex-form-status {
  width: 100%;
  min-height: 20px;
  margin-top: 0;
  margin-bottom: 0;
  color: #71849d;
  font-family: "Inter:Regular", sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

#container .codex-form-status.is-error {
  color: #9d4d57;
}

#container .codex-form-status.is-success {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: 24px;
  color: #0f172a;
  font-family: "Inter:Semi Bold", sans-serif;
  font-size: clamp(20px, 2.5vw, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#container .codex-disabled {
  opacity: 0.72;
  pointer-events: none;
}

#container :is(.css-92yqji, .css-z5em6k):has(> .css-qa1ig3.css-fiose7) {
  flex-direction: column;
  align-items: center;
  gap: 0;
}

#container :is(.css-92yqji, .css-z5em6k) > .css-qa1ig3.css-fiose7 {
  flex: 0 0 auto !important;
  width: 100%;
  max-width: 100%;
  min-width: 300px;
  height: 54px;
  min-height: 54px;
}

#container .css-qa1ig3.css-fiose7 .css-3xewvf,
#container .css-qa1ig3.css-fiose7 .css-muebi8 {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 54px;
  padding-top: 0;
  padding-bottom: 0;
}

#container .css-qa1ig3.css-fiose7 .css-nfz23,
#container .css-qa1ig3.css-fiose7 .css-nfz23 p {
  display: block;
  min-height: 1.2em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 799px) {
  #container .codex-native-input,
  #container .codex-native-textarea {
    font-size: 16px;
  }

  #container :is(.css-92yqji, .css-z5em6k) > .css-qa1ig3.css-fiose7 {
    min-width: 0;
  }

  #container [data-width="375"] :is(.css-i5ewjm, .css-uaubta.css-djh5kr, .css-iyqo1d.css-yse78e, .css-qa1ig3) {
    width: 100%;
  }

  #container [data-width="375"] :is(.css-fi49pd, .css-i5ewjm, .css-uaubta.css-djh5kr, .css-iyqo1d.css-yse78e) {
    min-width: 0;
  }
}

@media (max-width: 603px) {
    #container .css-i5hak6,
    #container .css-e4ol3o {
        width: 100% !important;
    }

    .css-tzn6qh.css-ez8men.css-7kv4dh {
        opacity: 0.3 !important;
    }

    .css-lob3ca.css-paq0kv.css-j9f0op,
    .css-yqfxy3.css-paq0kv.css-j9f0op {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

#container .css-e2u8l2,
#container .css-q7b2us,
#container .css-7x178r,
#container .css-xmcvys,
#container .css-s3kw6o,
#container .css-a8w54z {
    background-size: 100% 100%;
}

/* Sarita case page: center Результат section and apply max-width to content blocks */
@media (min-width: 1440px) {
  /* Desktop: center the Результат section content container */
  #container .case-section,
  #container .case-section-mobile {
    align-items: center !important;
  }
  
  #container .case-content {
    align-items: center !important;
    width: 100%;
    max-width: calc(1200px + 240px); /* 1200px content + 120px padding each side */
    margin-left: auto;
    margin-right: auto;
  }
  
  /* Apply max-width to content blocks in case pages */
  #container .case-content > *,
  #container .css-oqdyn9 > *,
  #container .css-pwy5v5 > * {
    width: 100%;
    max-width: 1200px;
  }
}

@media (max-width: 1439px) {
  /* Mobile: center the Результат section content container */
  #container .case-section-mobile,
  #container .case-content-mobile {
    align-items: center !important;
  }
  
  #container .case-content-mobile > * {
    width: 100%;
    max-width: 1200px;
  }
}

/* Fix header overflow at wide viewports */
#container [data-width="1440"] {
  overflow: visible !important;
}

#container [data-width="1440"] > .css-ueuq48,
#container [data-width="1440"] > * > header {
  overflow: visible !important;
}