@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900&display=swap");

/* Technical cleanup layer: keeps the legacy visual system, removes snapshot artifacts, and fixes static-mode behavior. */
.hidden { display: none !important; }
.page img { max-width: 100%; }
.language-gate {
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 40px 20px;
}
.language-gate > img {
  width: 220px;
  height: auto;
}
.language-gate .btn_line {
  display: flex;
  gap: 20px;
}
.language-gate .btn_c {
  max-width: 220px;
}
.page .api_cont .select select {
  cursor: pointer;
}
.legacy-animations-ready .wow:not(.animated) {
  visibility: hidden;
}
.page .first_100_subscribers_for_free .mw .cont {
  height: auto;
  min-height: 320px;
}
.page .first_100_subscribers_for_free .mw .cont .desc {
  padding-top: 58px;
  padding-bottom: 60px;
}
.page .first_100_subscribers_for_free .mw .cont .desc .h3 {
  font-size: 22px;
  line-height: 34px;
  padding-bottom: 36px;
}
.page .soc_icons_cont .mw .soc_icons_slider.owl-carousel {
  display: block;
  overflow: hidden;
  width: 100%;
}
.page .soc_icons_cont .mw .soc_icons_slider .owl-stage-outer {
  overflow: hidden;
  width: 100%;
}
.page .soc_icons_cont .mw .soc_icons_slider .owl-stage {
  animation: legacy-social-slider 32s linear infinite;
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
}
.page .soc_icons_cont .mw .soc_icons_slider .owl-item {
  float: none !important;
  flex: 0 0 175.73px;
  width: 175.73px !important;
  margin-right: 40px !important;
}
.page .soc_icons_cont .mw .soc_icons_slider .owl-nav,
.page .soc_icons_cont .mw .soc_icons_slider .owl-dots {
  display: none !important;
}
@keyframes legacy-social-slider {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-1294.38px, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .page .soc_icons_cont .mw .soc_icons_slider .owl-stage {
    animation: none;
  }
}
@media (max-width: 575px) {
  .language-gate .btn_line {
    flex-direction: column;
    width: min(100%, 260px);
  }
  .page .first_100_subscribers_for_free .mw .cont {
    min-height: auto;
  }
  .page .first_100_subscribers_for_free .mw .cont .desc {
    padding-top: 44px;
    padding-bottom: 46px;
  }
  .page .first_100_subscribers_for_free .mw .cont .desc .h3 {
    line-height: 32px;
  }
}


/* Landing polish step 1: panel-aligned colors and controls only. No layout changes. */
:root {
  --landing-panel-bg: #080c14;
  --landing-panel-surface: #111827;
  --landing-panel-surface-muted: #182233;
  --landing-panel-text: #edf3ff;
  --landing-panel-muted: #9aa8bd;
  --landing-panel-border: rgba(169, 190, 230, 0.16);
  --landing-panel-border-strong: rgba(169, 190, 230, 0.3);
  --landing-panel-primary: #8fb7ff;
  --landing-panel-primary-hover: #adc9ff;
  --landing-panel-primary-soft: rgba(143, 183, 255, 0.14);
  --landing-panel-success: #64d8bb;
  --landing-panel-shadow-card: 0 1.4rem 4rem rgba(2, 6, 23, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.035);
  --landing-panel-shadow-control: 0 1px 0 rgba(255, 255, 255, 0.04), 0 0.7rem 1.8rem rgba(2, 6, 23, 0.16);
  --landing-panel-radius-card: 16px;
  --landing-panel-radius-control: 11px;
}

.page .header,
.page .sticky {
  background: rgba(9, 14, 24, 0.9) !important;
  border-bottom: 1px solid var(--landing-panel-border) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.035), 0 1rem 2rem rgba(2, 6, 23, 0.12) !important;
  backdrop-filter: blur(18px);
}

.page .header .mw .right_side .nav ul li a,
.page .footer .mw .top_cont .right_side .nav ul li a,
.page .header .mw .right_side .langs .choose_lang,
.page .xs_menu .nav ul li a,
.page .xs_menu .langs .choose_lang {
  color: var(--landing-panel-muted) !important;
}

.page .header .mw .right_side .nav ul li a:hover,
.page .footer .mw .top_cont .right_side .nav ul li a:hover,
.page .header .mw .right_side .langs .choose_lang:hover,
.page .xs_menu .nav ul li a:hover,
.page .xs_menu .langs .choose_lang:hover {
  color: var(--landing-panel-text) !important;
}

.page .header .mw .right_side .langs .langs_cont,
.page .xs_menu .xs_cont {
  border: 1px solid var(--landing-panel-border) !important;
  border-radius: var(--landing-panel-radius-control) !important;
  background: var(--landing-panel-surface) !important;
  box-shadow: var(--landing-panel-shadow-card) !important;
}

.page .header .mw .right_side .langs .langs_cont a {
  color: var(--landing-panel-muted) !important;
}

.page .header .mw .right_side .langs .langs_cont a:hover,
.page .header .mw .right_side .langs .langs_cont a.active {
  color: var(--landing-panel-text) !important;
}

.btn_c .btn_m {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: var(--landing-panel-radius-control) !important;
  background: linear-gradient(180deg, #a9c7ff 0%, var(--landing-panel-primary) 100%) !important;
  color: #07101f !important;
  box-shadow: 0 0.8rem 1.8rem rgba(143, 183, 255, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
  font-weight: 760 !important;
  letter-spacing: -0.01em;
  transition:
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease !important;
}

.btn_c .btn_m:hover {
  background: linear-gradient(180deg, #c2d8ff 0%, var(--landing-panel-primary-hover) 100%) !important;
  box-shadow: 0 1rem 2.4rem rgba(143, 183, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

.btn_c .btn_m:active {
  transform: translateY(1px) scale(0.99);
}

.page .header .mw .right_side .btn_line .registration,
.page .footer .mw .top_cont .right_side .btn_line .registration,
.page .first_100_subscribers_for_free .mw .cont .desc .btn_line .registration {
  border-color: var(--landing-panel-border-strong) !important;
  background: rgba(24, 34, 51, 0.72) !important;
  color: var(--landing-panel-text) !important;
  box-shadow: var(--landing-panel-shadow-control) !important;
}

.page .header .mw .right_side .btn_line .registration:hover,
.page .footer .mw .top_cont .right_side .btn_line .registration:hover,
.page .first_100_subscribers_for_free .mw .cont .desc .btn_line .registration:hover {
  border-color: rgba(143, 183, 255, 0.36) !important;
  background: rgba(34, 47, 69, 0.88) !important;
}

.sketch-button .lines {
  display: none !important;
}

.page .main .main_cont .mw .cont .form form .inp input,
.modal .modal-dialog .modal-content .modal-body form .inp input,
.modal .modal-dialog .modal-content .modal-body form .inp textarea,
.modal .modal-dialog .modal-content .modal-body form .inp_select select {
  border: 1px solid var(--landing-panel-border) !important;
  border-radius: var(--landing-panel-radius-control) !important;
  background: rgba(8, 12, 20, 0.42) !important;
  color: var(--landing-panel-text) !important;
  box-shadow: var(--landing-panel-shadow-control) !important;
  transition:
    background 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease !important;
}

.page .main .main_cont .mw .cont .form form .inp input::placeholder,
.modal .modal-dialog .modal-content .modal-body form .inp input::placeholder,
.modal .modal-dialog .modal-content .modal-body form .inp textarea::placeholder {
  color: rgba(154, 168, 189, 0.78) !important;
}

.page .main .main_cont .mw .cont .form form .inp input:hover,
.modal .modal-dialog .modal-content .modal-body form .inp input:hover,
.modal .modal-dialog .modal-content .modal-body form .inp textarea:hover,
.modal .modal-dialog .modal-content .modal-body form .inp_select select:hover {
  border-color: var(--landing-panel-border-strong) !important;
}

.page .main .main_cont .mw .cont .form form .inp input:focus,
.modal .modal-dialog .modal-content .modal-body form .inp input:focus,
.modal .modal-dialog .modal-content .modal-body form .inp textarea:focus,
.modal .modal-dialog .modal-content .modal-body form .inp_select select:focus {
  border-color: rgba(143, 183, 255, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.12), var(--landing-panel-shadow-control) !important;
}

.page .main .main_cont .mw .cont .form form .inp.is-invalid input,
.page .main .main_cont .mw .cont .form form .inp input.is-invalid,
.page .main .main_cont .mw .cont .form form .inp input[aria-invalid="true"] {
  border-color: rgba(255, 115, 134, 0.78) !important;
  background: rgba(255, 115, 134, 0.08) !important;
  box-shadow: 0 0 0 3px rgba(255, 115, 134, 0.16), var(--landing-panel-shadow-control) !important;
}

.page .main .main_cont .mw .cont .form form [data-panel-login-error] {
  display: none !important;
}

.panel-login-toast {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 10050;
  width: min(360px, calc(100vw - 32px));
  padding: 16px 18px;
  border: 1px solid rgba(255, 115, 134, 0.42);
  border-radius: 16px;
  background: rgba(18, 23, 35, 0.94);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  color: #ffe5e9;
  font-family: Mulish, Geist, Manrope, "SF Pro Display", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-12px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.panel-login-toast::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 16px 0 0 16px;
  background: #ff7386;
}

.panel-login-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 575px) {
  .panel-login-toast {
    top: 14px;
    right: 16px;
    left: 16px;
    width: auto;
  }
}

.page .main .main_cont .mw .cont,
.page .main .main_cont .mw .cont .soc_icons .card,
.page .partner_panel_is .mw .cont ul li,
.page .how_it_work .mw .cont .card,
.page .our_benefits .mw .cont .card,
.page .smm_services .mw .tabs_cont .tabs__content,
.page .first_100_subscribers_for_free .mw .cont,
.page .social_media_marketing .mw .bottom_cont,
.page .subscribe_our_group_in_telegram .mw .cont {
  border-color: var(--landing-panel-border) !important;
  box-shadow: var(--landing-panel-shadow-card) !important;
}

.page .smm_services .mw .tabs .tabs__caption li {
  border-color: var(--landing-panel-border) !important;
  background: rgba(24, 34, 51, 0.72) !important;
  color: var(--landing-panel-muted) !important;
  box-shadow: var(--landing-panel-shadow-control) !important;
}

.page .smm_services .mw .tabs .tabs__caption li:hover,
.page .smm_services .mw .tabs .tabs__caption li.active {
  border-color: rgba(143, 183, 255, 0.36) !important;
  background: var(--landing-panel-primary-soft) !important;
  color: #c8dcff !important;
}

.page .footer {
  border-top: 1px solid var(--landing-panel-border) !important;
  background: rgba(9, 14, 24, 0.9) !important;
}

.page .footer .mw hr {
  background: var(--landing-panel-border) !important;
}

.page .footer .mw .top_cont {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

.page .footer .mw .top_cont .left_side {
  grid-column: 1 !important;
}

.page .footer .mw .top_cont .right_side {
  grid-column: 2 !important;
  justify-self: center !important;
}

.page .footer .mw .top_cont .right_side .btn_line {
  justify-content: center !important;
}

/* Landing polish step 2: remove legacy purple hue and align accents to panel palette. No layout changes. */
body,
html,
.page {
  background:
    radial-gradient(circle at 18% -8%, rgba(143, 183, 255, 0.16), transparent 30rem),
    radial-gradient(circle at 88% 6%, rgba(100, 216, 187, 0.08), transparent 24rem),
    linear-gradient(145deg, #070b13 0%, var(--landing-panel-bg) 42%, #0d121d 100%) !important;
  color: var(--landing-panel-text) !important;
}

.page .net {
  opacity: 0.22 !important;
  filter: hue-rotate(28deg) saturate(0.45) brightness(0.95) !important;
}

.page .main_blur,
.page .decor img,
.page .decor1 img,
.page .round_decor img,
.page .first_100_subscribers_for_free .mw .cont .decor img,
.page .social_media_marketing .round_decor img {
  filter: hue-rotate(28deg) saturate(0.52) brightness(0.95) !important;
  opacity: 0.62;
}

.page .main .main_cont .mw .cont::before {
  background:
    radial-gradient(circle at 82% 8%, rgba(143, 183, 255, 0.13), transparent 24rem),
    radial-gradient(circle at 12% 100%, rgba(100, 216, 187, 0.08), transparent 20rem),
    rgba(17, 24, 39, 0.74) !important;
}

.page .main .main_cont .mw .cont .h1,
.page .m_title .h2,
.page .m_title .h3,
.page .first_100_subscribers_for_free .mw .cont .desc .h3,
.page .subscribe_our_group_in_telegram .mw .cont .desc .h3,
.page .smm_services .mw .tabs_cont .tabs__content .smm .h3,
.page .our_benefits .mw .cont .card .desc .h5 {
  color: var(--landing-panel-text) !important;
}

.page .main .main_cont .mw .cont .h1 b,
.page .partner_panel_is .mw .cont ul li .num span,
.page .how_it_work .mw .cont .card .num span {
  color: var(--landing-panel-primary) !important;
  text-shadow: 0 0 28px rgba(143, 183, 255, 0.22) !important;
}

.page .main .main_cont .mw .cont p,
.page .m_title p,
.page .main .main_cont .mw .cont .form form .row,
.page .main .main_cont .mw .cont .form form .row label,
.page .main .main_cont .mw .cont .form form .row span,
.page .main .main_cont .mw .cont .soc_icons .card p,
.page .partner_panel_is .mw .cont ul li p,
.page .how_it_work .mw .cont .card .desc p,
.page .our_benefits .mw .cont .card .desc p,
.page .smm_services .mw .tabs_cont .tabs__content .smm p,
.page .smm_services .mw .tabs_cont .tabs__content .smm ul li,
.page .social_media_marketing .mw .cont .right_side .desc p,
.page .social_media_marketing .mw .bottom_cont p,
.page .footer .mw .bottom_cont p,
.page .footer .mw .bottom_cont a {
  color: var(--landing-panel-muted) !important;
}

.page .main .main_cont .mw .cont .form form .row a,
.page .footer .mw .bottom_cont a:hover {
  color: #c8dcff !important;
}

.page .main .main_cont .mw .cont .soc_icons .card,
.page .partner_panel_is .mw .cont ul li,
.page .how_it_work .mw .cont .card,
.page .our_benefits .mw .cont .card,
.page .smm_services .mw .tabs_cont .tabs__content,
.page .first_100_subscribers_for_free .mw .cont,
.page .social_media_marketing .mw .bottom_cont,
.page .subscribe_our_group_in_telegram .mw .cont {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
    rgba(17, 24, 39, 0.84) !important;
}

.page .partner_panel_is .mw .cont,
.page .first_100_subscribers_for_free .mw .cont,
.page .subscribe_our_group_in_telegram .mw .cont {
  background:
    radial-gradient(circle at 100% 0%, rgba(143, 183, 255, 0.12), transparent 20rem),
    radial-gradient(circle at 0% 100%, rgba(100, 216, 187, 0.07), transparent 18rem),
    rgba(17, 24, 39, 0.86) !important;
}

.page .main .main_cont .mw .cont .soc_icons .card .icon,
.page .how_it_work .mw .cont .card .desc .icon,
.page .our_benefits .mw .cont .card .icon,
.page .smm_services .mw .tabs .tabs__caption li .icon {
  background: var(--landing-panel-primary-soft) !important;
  border-color: rgba(143, 183, 255, 0.22) !important;
}

.page .main .main_cont .mw .cont .soc_icons .card .icon img,
.page .soc_icons_cont .mw .soc_icons_slider .slide img,
.page .smm_services .mw .tabs .tabs__caption li .icon img,
.page .smm_services .mw .tabs_cont .tabs__content .smm .icon img,
.page .how_it_work .mw .cont .card .desc .icon img,
.page .our_benefits .mw .cont .card .icon img,
.page .subscribe_our_group_in_telegram .mw .cont .desc a img,
.scrollup img {
  filter: hue-rotate(28deg) saturate(0.6) brightness(1.2) !important;
}

.page .smm_services .mw .tabs_cont .tabs__content .smm ul li:before {
  filter: hue-rotate(28deg) saturate(0.55) brightness(1.2) !important;
}

.scrollup {
  background: linear-gradient(180deg, #a9c7ff 0%, var(--landing-panel-primary) 100%) !important;
  box-shadow: 0 0.8rem 1.8rem rgba(143, 183, 255, 0.22) !important;
}

.alert-danger {
  color: var(--landing-panel-danger, #ff7386) !important;
  background-color: rgba(255, 115, 134, 0.14) !important;
  border-color: rgba(255, 115, 134, 0.34) !important;
}

.alert-success {
  color: var(--landing-panel-success) !important;
  background-color: rgba(100, 216, 187, 0.14) !important;
  border-color: rgba(100, 216, 187, 0.34) !important;
}

/* Landing polish step 3: clean icon treatment, no icon tile backgrounds. */
.page .main .main_cont .mw .cont .soc_icons .card .icon,
.page .how_it_work .mw .cont .card .desc .icon,
.page .our_benefits .mw .cont .card .icon,
.page .smm_services .mw .tabs .tabs__caption li .icon {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.page .main .main_cont .mw .cont .soc_icons .card .icon img,
.page .soc_icons_cont .mw .soc_icons_slider .slide img,
.page .smm_services .mw .tabs .tabs__caption li .icon img,
.page .smm_services .mw .tabs_cont .tabs__content .smm .icon img,
.page .how_it_work .mw .cont .card .desc .icon img,
.page .our_benefits .mw .cont .card .icon img {
  filter: brightness(0) saturate(100%) invert(77%) sepia(33%) saturate(746%) hue-rotate(187deg) brightness(103%) contrast(101%) !important;
  opacity: 0.96 !important;
}

.page .main .main_cont .mw .cont .soc_icons .card:hover .icon img,
.page .smm_services .mw .tabs .tabs__caption li:hover .icon img,
.page .smm_services .mw .tabs .tabs__caption li.active .icon img {
  filter: brightness(0) saturate(100%) invert(84%) sepia(23%) saturate(642%) hue-rotate(185deg) brightness(108%) contrast(103%) !important;
  opacity: 1 !important;
}

/* Landing polish step 4: align and polish stats block only. */
.page .partner_panel_is .mw {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.page .partner_panel_is .mw .cont {
  position: relative !important;
  display: grid !important;
  gap: 34px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 56px clamp(22px, 4vw, 56px) 62px !important;
  border: 1px solid var(--landing-panel-border) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(143, 183, 255, 0.14), transparent 22rem),
    radial-gradient(circle at 86% 74%, rgba(100, 216, 187, 0.08), transparent 24rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
    rgba(17, 24, 39, 0.9) !important;
  box-shadow: var(--landing-panel-shadow-card) !important;
  overflow: hidden !important;
}

.page .partner_panel_is .mw .cont .decor {
  position: absolute !important;
  top: -18px !important;
  right: clamp(80px, 17vw, 260px) !important;
  width: 118px !important;
  opacity: 0.16 !important;
  transform: rotate(8deg) !important;
  pointer-events: none !important;
}

.page .partner_panel_is .mw .cont .m_title {
  padding: 0 !important;
  text-align: center !important;
}

.page .partner_panel_is .mw .cont .m_title .h2 {
  margin: 0 !important;
  color: var(--landing-panel-text) !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: 1.05 !important;
  font-weight: 860 !important;
  letter-spacing: -0.055em !important;
}

.page .partner_panel_is .mw .cont ul {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;
  width: min(100%, 1120px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.page .partner_panel_is .mw .cont ul li,
.page .partner_panel_is .mw .cont ul li:nth-child(1),
.page .partner_panel_is .mw .cont ul li:nth-child(2),
.page .partner_panel_is .mw .cont ul li:nth-child(3),
.page .partner_panel_is .mw .cont ul li:nth-child(4) {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  min-height: 174px !important;
  margin: 0 !important;
  padding: 26px 18px !important;
  border: 1px solid var(--landing-panel-border) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(143, 183, 255, 0.13), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01)),
    rgba(24, 34, 51, 0.72) !important;
  box-shadow: var(--landing-panel-shadow-control) !important;
  text-align: center !important;
  transform: none !important;
}

.page .partner_panel_is .mw .cont ul li .num {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  margin: 0 0 12px !important;
}

.page .partner_panel_is .mw .cont ul li .num span,
.page .partner_panel_is .mw .cont ul li:nth-child(3) .num span {
  display: inline-block !important;
  color: var(--landing-panel-primary) !important;
  font-size: clamp(32px, 3.1vw, 50px) !important;
  line-height: 1 !important;
  font-weight: 860 !important;
  letter-spacing: -0.055em !important;
  font-variant-numeric: tabular-nums !important;
  text-shadow: 0 0 28px rgba(143, 183, 255, 0.18) !important;
  white-space: nowrap !important;
}

.page .partner_panel_is .mw .cont ul li p {
  max-width: 220px !important;
  margin: 0 auto !important;
  color: var(--landing-panel-muted) !important;
  font-size: clamp(16px, 1.45vw, 21px) !important;
  line-height: 1.35 !important;
  font-weight: 720 !important;
  letter-spacing: -0.025em !important;
}

@media (max-width: 991px) {
  .page .partner_panel_is .mw .cont ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  .page .partner_panel_is .mw .cont {
    padding: 38px 16px 42px !important;
    border-radius: 24px !important;
  }

  .page .partner_panel_is .mw .cont ul {
    grid-template-columns: 1fr !important;
  }

  .page .partner_panel_is .mw .cont ul li {
    min-height: 150px !important;
  }
}

/* Landing polish step 5: refined stats block composition. */
.page .partner_panel_is .mw .cont {
  gap: 28px !important;
  padding: 48px clamp(22px, 4vw, 54px) 54px !important;
}

.page .partner_panel_is .mw .cont .m_title .h2 {
  font-size: clamp(32px, 3.6vw, 52px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}

.page .partner_panel_is .mw .cont ul {
  gap: 18px !important;
  width: min(100%, 1160px) !important;
}

.page .partner_panel_is .mw .cont ul li,
.page .partner_panel_is .mw .cont ul li:nth-child(1),
.page .partner_panel_is .mw .cont ul li:nth-child(2),
.page .partner_panel_is .mw .cont ul li:nth-child(3),
.page .partner_panel_is .mw .cont ul li:nth-child(4) {
  grid-template-rows: minmax(52px, auto) minmax(58px, auto) !important;
  align-content: center !important;
  min-height: 168px !important;
  padding: 24px 20px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(143, 183, 255, 0.1), transparent 10rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.006)),
    rgba(24, 34, 51, 0.62) !important;
}

.page .partner_panel_is .mw .cont ul li .num {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 0 8px !important;
}

.page .partner_panel_is .mw .cont ul li .num span,
.page .partner_panel_is .mw .cont ul li:nth-child(3) .num span {
  max-width: 100% !important;
  color: var(--landing-panel-primary) !important;
  font-size: clamp(27px, 2.45vw, 42px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.05em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  text-align: center !important;
}

.page .partner_panel_is .mw .cont ul li:nth-child(1) .num span,
.page .partner_panel_is .mw .cont ul li:nth-child(2) .num span {
  white-space: nowrap !important;
  font-size: clamp(29px, 2.55vw, 44px) !important;
}

.page .partner_panel_is .mw .cont ul li:nth-child(3) .num span,
.page .partner_panel_is .mw .cont ul li:nth-child(4) .num span {
  font-size: clamp(26px, 2.25vw, 38px) !important;
}

.page .partner_panel_is .mw .cont ul li p {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  max-width: 200px !important;
  color: rgba(237, 243, 255, 0.68) !important;
  font-size: clamp(14px, 1.05vw, 17px) !important;
  line-height: 1.28 !important;
  font-weight: 650 !important;
  text-align: center !important;
}

@media (min-width: 992px) {
  .page .partner_panel_is .mw .cont ul li:nth-child(2) {
    transform: translateY(-10px) !important;
  }

  .page .partner_panel_is .mw .cont ul li:nth-child(3) {
    transform: translateY(10px) !important;
  }
}

@media (max-width: 991px) {
  .page .partner_panel_is .mw .cont ul li:nth-child(2),
  .page .partner_panel_is .mw .cont ul li:nth-child(3) {
    transform: none !important;
  }
}

/* Landing polish step 6: headline typeface. */
.page .main .main_cont .mw .cont .h1,
.page .m_title .h2,
.page .m_title .h3,
.page .first_100_subscribers_for_free .mw .cont .desc .h3,
.page .subscribe_our_group_in_telegram .mw .cont .desc .h3,
.page .smm_services .mw .tabs_cont .tabs__content .smm .h3,
.page .our_benefits .mw .cont .card .desc .h5,
.page .partner_panel_is .mw .cont .m_title .h2 {
  font-family: GilroyBlack, Geist, Manrope, "SF Pro Display", Inter, sans-serif !important;
}

/* Landing polish step 7: transparent initial header and no hero frame. */
.page .header:not(.sticky) {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.page .header.sticky,
.page .sticky {
  background: rgba(9, 14, 24, 0.9) !important;
  border-bottom: 1px solid var(--landing-panel-border) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.035), 0 1rem 2rem rgba(2, 6, 23, 0.12) !important;
  backdrop-filter: blur(18px) !important;
}

.page .main .main_cont .mw .cont {
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}

.page .main .main_cont .mw .cont::before,
.page .main .main_cont .mw .cont::after {
  display: none !important;
  content: none !important;
}

/* Landing polish step 8: login form helper row alignment and checkbox skin. */
.page .main .main_cont .mw .cont .form form .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 35px !important;
  align-items: start !important;
}

.page .main .main_cont .mw .cont .form form .row .checkbox {
  justify-self: start !important;
  min-width: 0 !important;
}

.page .main .main_cont .mw .cont .form form .row .forget_pass {
  justify-self: start !important;
  text-align: left !important;
}

.page .main .main_cont .mw .cont .form form .row span {
  justify-self: start !important;
  text-align: left !important;
}

.page .main .main_cont .mw .cont .form form .row .checkbox label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--landing-panel-muted) !important;
  cursor: pointer !important;
}

.page .main .main_cont .mw .cont .form form .row .checkbox input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  border: 1px solid var(--landing-panel-border-strong) !important;
  border-radius: 5px !important;
  background: rgba(8, 12, 20, 0.55) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 0.5rem 1.2rem rgba(2, 6, 23, 0.16) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  position: relative !important;
}

.page .main .main_cont .mw .cont .form form .row .checkbox input[type="checkbox"]:checked {
  border-color: rgba(143, 183, 255, 0.6) !important;
  background: linear-gradient(180deg, #a9c7ff 0%, var(--landing-panel-primary) 100%) !important;
}

.page .main .main_cont .mw .cont .form form .row .checkbox input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 2px !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #07101f !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

.page .main .main_cont .mw .cont .form form .row .checkbox input[type="checkbox"]:focus-visible {
  outline: 3px solid rgba(143, 183, 255, 0.28) !important;
  outline-offset: 2px !important;
}

@media (max-width: 991px) {
  .page .main .main_cont .mw .cont .form form .row {
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
  }
}

/* Landing polish step 9: Mulish body copy, GilroyBlack headlines remain. */
.page,
.page p,
.page a,
.page button,
.page input,
.page select,
.page textarea,
.page label,
.page span,
.page li,
.page dd,
.page dt,
.page .nav,
.page .langs,
.page .btn_m,
.page .form,
.page .desc,
.page .card {
  font-family: Mulish, Geist, Manrope, "SF Pro Display", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.page .main .main_cont .mw .cont .h1,
.page .m_title .h2,
.page .m_title .h3,
.page .first_100_subscribers_for_free .mw .cont .desc .h3,
.page .subscribe_our_group_in_telegram .mw .cont .desc .h3,
.page .smm_services .mw .tabs_cont .tabs__content .smm .h3,
.page .our_benefits .mw .cont .card .desc .h5,
.page .partner_panel_is .mw .cont .m_title .h2 {
  font-family: GilroyBlack, Mulish, Geist, Manrope, "SF Pro Display", Inter, sans-serif !important;
}

/* Landing polish step 10: legacy font cleanup after Mulish switch. */
.page p,
.page li,
.page label,
.page input,
.page select,
.page textarea,
.page .desc,
.page .m_title p,
.page .main .main_cont .mw .cont p,
.page .main .main_cont .mw .cont .form form .row,
.page .main .main_cont .mw .cont .form form .row label,
.page .main .main_cont .mw .cont .form form .row span,
.page .main .main_cont .mw .cont .soc_icons .card p,
.page .partner_panel_is .mw .cont ul li p,
.page .how_it_work .mw .cont .card .desc p,
.page .our_benefits .mw .cont .card .desc p,
.page .smm_services .mw .tabs_cont .tabs__content .smm p,
.page .smm_services .mw .tabs_cont .tabs__content .smm ul li,
.page .social_media_marketing .mw .cont .right_side .desc p,
.page .social_media_marketing .mw .bottom_cont p,
.page .footer .mw .bottom_cont p,
.page .footer .mw .bottom_cont a {
  font-family: Mulish, Geist, Manrope, "SF Pro Display", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

.page .main .main_cont .mw .cont p,
.page .m_title p,
.page .smm_services .mw .tabs_cont .tabs__content .smm p,
.page .social_media_marketing .mw .cont .right_side .desc p,
.page .social_media_marketing .mw .bottom_cont p {
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

.page .main .main_cont .mw .cont .form form .row,
.page .main .main_cont .mw .cont .form form .row label,
.page .main .main_cont .mw .cont .form form .row span,
.page .main .main_cont .mw .cont .form form .row a {
  font-weight: 600 !important;
}

.page .main .main_cont .mw .cont .form form .row .checkbox label,
.page .main .main_cont .mw .cont .form form .row .forget_pass,
.page .main .main_cont .mw .cont .form form .row span,
.page .main .main_cont .mw .cont .form form .row a {
  font-size: 16px !important;
  line-height: 1.3 !important;
  color: #c8dcff !important;
  letter-spacing: -0.02em !important;
}

.page .main .main_cont .mw .cont .form form .row span {
  color: var(--landing-panel-muted) !important;
}

.page .main .main_cont .mw .cont .form form .row span a {
  color: #c8dcff !important;
}

.page .header .mw .right_side .nav ul li a,
.page .footer .mw .top_cont .right_side .nav ul li a,
.page .header .mw .right_side .langs .choose_lang,
.page .xs_menu .nav ul li a,
.page .xs_menu .langs .choose_lang {
  font-family: Mulish, Geist, Manrope, "SF Pro Display", Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 700 !important;
}

.page .main .main_cont .mw .cont .h1,
.page .main .main_cont .mw .cont .h1 *,
.page .m_title .h2,
.page .m_title .h2 *,
.page .m_title .h3,
.page .m_title .h3 *,
.page .first_100_subscribers_for_free .mw .cont .desc .h3,
.page .first_100_subscribers_for_free .mw .cont .desc .h3 *,
.page .subscribe_our_group_in_telegram .mw .cont .desc .h3,
.page .subscribe_our_group_in_telegram .mw .cont .desc .h3 *,
.page .smm_services .mw .tabs_cont .tabs__content .smm .h3,
.page .smm_services .mw .tabs_cont .tabs__content .smm .h3 *,
.page .our_benefits .mw .cont .card .desc .h5,
.page .our_benefits .mw .cont .card .desc .h5 *,
.page .partner_panel_is .mw .cont .m_title .h2,
.page .partner_panel_is .mw .cont .m_title .h2 * {
  font-family: GilroyBlack, Mulish, Geist, Manrope, "SF Pro Display", Inter, sans-serif !important;
  font-weight: 900 !important;
}

.page .partner_panel_is .mw .cont ul li .num span,
.page .partner_panel_is .mw .cont ul li .num span * {
  font-family: GilroyBlack, Mulish, Geist, Manrope, "SF Pro Display", Inter, sans-serif !important;
  font-weight: 900 !important;
}

/* Landing polish step 11: final stats card alignment. */
.page .partner_panel_is .mw .cont ul {
  align-items: stretch !important;
}

.page .partner_panel_is .mw .cont ul li,
.page .partner_panel_is .mw .cont ul li:nth-child(1),
.page .partner_panel_is .mw .cont ul li:nth-child(2),
.page .partner_panel_is .mw .cont ul li:nth-child(3),
.page .partner_panel_is .mw .cont ul li:nth-child(4) {
  height: 168px !important;
  min-height: 168px !important;
  align-self: stretch !important;
  align-content: center !important;
  transform: none !important;
}

.page .partner_panel_is .mw .cont ul li .num {
  min-height: 48px !important;
  margin-bottom: 7px !important;
}

.page .partner_panel_is .mw .cont ul li .num span,
.page .partner_panel_is .mw .cont ul li:nth-child(1) .num span,
.page .partner_panel_is .mw .cont ul li:nth-child(2) .num span,
.page .partner_panel_is .mw .cont ul li:nth-child(3) .num span,
.page .partner_panel_is .mw .cont ul li:nth-child(4) .num span {
  font-size: clamp(25px, 2.25vw, 40px) !important;
  line-height: 1.02 !important;
}

.page .partner_panel_is .mw .cont ul li p {
  min-height: 46px !important;
  max-width: 190px !important;
  font-size: clamp(13px, 0.98vw, 16px) !important;
  line-height: 1.26 !important;
}

@media (max-width: 575px) {
  .page .partner_panel_is .mw .cont ul li,
  .page .partner_panel_is .mw .cont ul li:nth-child(1),
  .page .partner_panel_is .mw .cont ul li:nth-child(2),
  .page .partner_panel_is .mw .cont ul li:nth-child(3),
  .page .partner_panel_is .mw .cont ul li:nth-child(4) {
    height: auto !important;
    min-height: 150px !important;
  }
}

/* Landing polish step 12: compact stats value-to-label spacing. */
.page .partner_panel_is .mw .cont ul li,
.page .partner_panel_is .mw .cont ul li:nth-child(1),
.page .partner_panel_is .mw .cont ul li:nth-child(2),
.page .partner_panel_is .mw .cont ul li:nth-child(3),
.page .partner_panel_is .mw .cont ul li:nth-child(4) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.page .partner_panel_is .mw .cont ul li .num {
  min-height: 0 !important;
  margin: 0 !important;
}

.page .partner_panel_is .mw .cont ul li p {
  min-height: 0 !important;
  margin: 0 !important;
}

/* Landing polish step 13: stable stats baseline with compact spacing. */
.page .partner_panel_is .mw .cont ul li,
.page .partner_panel_is .mw .cont ul li:nth-child(1),
.page .partner_panel_is .mw .cont ul li:nth-child(2),
.page .partner_panel_is .mw .cont ul li:nth-child(3),
.page .partner_panel_is .mw .cont ul li:nth-child(4) {
  display: grid !important;
  grid-template-rows: 48px 42px !important;
  align-content: center !important;
  justify-items: center !important;
  row-gap: 6px !important;
}

.page .partner_panel_is .mw .cont ul li .num {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
}

.page .partner_panel_is .mw .cont ul li p {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
}

/* Landing polish step 14: muted full-width social logo ticker. */
.page .soc_icons_cont {
  overflow: hidden !important;
}

.page .soc_icons_cont .mw {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.page .soc_icons_cont .mw .soc_icons_slider.owl-carousel {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  overflow: hidden !important;
}

.page .soc_icons_cont .mw .soc_icons_slider .owl-stage-outer {
  width: 100vw !important;
  overflow: hidden !important;
}

.page .soc_icons_cont .mw .soc_icons_slider .slide {
  opacity: 0.62 !important;
}

.page .soc_icons_cont .mw .soc_icons_slider .slide img {
  filter: brightness(0) saturate(100%) invert(66%) sepia(10%) saturate(455%) hue-rotate(185deg) brightness(92%) contrast(88%) !important;
}

/* Landing polish step 15: service feature checks in panel style. */
.page .smm_services .mw .tabs_cont .tabs__content .smm ul li {
  position: relative !important;
  padding-left: 56px !important;
}

.page .smm_services .mw .tabs_cont .tabs__content .smm ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.08em !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(143, 183, 255, 0.34) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(143, 183, 255, 0.2), rgba(143, 183, 255, 0.08)),
    rgba(17, 24, 39, 0.94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0.8rem 1.8rem rgba(2, 6, 23, 0.24),
    0 0 22px rgba(143, 183, 255, 0.1) !important;
  filter: none !important;
}

.page .smm_services .mw .tabs_cont .tabs__content .smm ul li::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: calc(0.08em + 10px) !important;
  width: 13px !important;
  height: 8px !important;
  border-left: 3px solid #a9c7ff !important;
  border-bottom: 3px solid #a9c7ff !important;
  border-radius: 1px !important;
  transform: rotate(-45deg) !important;
  box-shadow: 0 0 14px rgba(143, 183, 255, 0.35) !important;
}

/* Landing polish step 16: compact service description and roomier check list. */
.page .smm_services .mw .tabs_cont .tabs__content .smm p {
  font-size: clamp(14px, 1.08vw, 18px) !important;
  line-height: 1.55 !important;
}

.page .smm_services .mw .tabs_cont .tabs__content .smm ul {
  display: grid !important;
  gap: 14px !important;
}

.page .smm_services .mw .tabs_cont .tabs__content .smm ul li {
  margin: 0 !important;
  min-height: 38px !important;
}

/* Landing polish step 17: keep promo card prices on a dedicated line. */
.page .main .main_cont .mw .cont .soc_icons .card p.service-price-card {
  display: grid !important;
  gap: 4px !important;
  justify-items: center !important;
}

.page .main .main_cont .mw .cont .soc_icons .card .service-price-title,
.page .main .main_cont .mw .cont .soc_icons .card .service-price-value {
  display: block !important;
}

/* Landing polish step 18: franchise callout in light brand palette. */
.page .first_100_subscribers_for_free .mw .cont {
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, 0.42), transparent 18rem),
    radial-gradient(circle at 8% 100%, rgba(100, 216, 187, 0.24), transparent 20rem),
    linear-gradient(135deg, #8fb7ff 0%, #adc9ff 48%, #d8e6ff 100%) !important;
  border-color: rgba(255, 255, 255, 0.44) !important;
  box-shadow: 0 1.5rem 4rem rgba(143, 183, 255, 0.26) !important;
}

.page .first_100_subscribers_for_free .mw .cont .desc .h3,
.page .first_100_subscribers_for_free .mw .cont .desc .h3 * {
  color: #07111f !important;
  text-shadow: none !important;
}

.page .first_100_subscribers_for_free .mw .cont .desc .btn_line .btn_m {
  color: #07111f !important;
  border-color: rgba(7, 17, 31, 0.16) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 0.75rem 1.8rem rgba(7, 17, 31, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

.page .first_100_subscribers_for_free .mw .cont .desc .btn_line .btn_m:hover {
  background: rgba(255, 255, 255, 0.56) !important;
}

.page .first_100_subscribers_for_free .mw .cont .desc .btn_line .registration {
  background: rgba(7, 17, 31, 0.06) !important;
  color: #07111f !important;
}

/* Landing polish step 19: Telegram callout in the same light brand palette. */
.page .subscribe_our_group_in_telegram .mw .cont {
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.44), transparent 18rem),
    radial-gradient(circle at 0% 100%, rgba(100, 216, 187, 0.22), transparent 20rem),
    linear-gradient(135deg, #8fb7ff 0%, #adc9ff 50%, #d8e6ff 100%) !important;
  border-color: rgba(255, 255, 255, 0.44) !important;
  box-shadow: 0 1.5rem 4rem rgba(143, 183, 255, 0.26) !important;
}

.page .subscribe_our_group_in_telegram .mw .cont .desc .h3,
.page .subscribe_our_group_in_telegram .mw .cont .desc .h3 * {
  color: #07111f !important;
  text-shadow: none !important;
}

.page .subscribe_our_group_in_telegram .mw .cont .desc a {
  border-color: rgba(7, 17, 31, 0.22) !important;
  background: rgba(255, 255, 255, 0.26) !important;
  box-shadow: 0 0.75rem 1.8rem rgba(7, 17, 31, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.46) !important;
}

.page .subscribe_our_group_in_telegram .mw .cont .desc a:hover {
  background: rgba(255, 255, 255, 0.42) !important;
}

.page .subscribe_our_group_in_telegram .mw .cont .desc a img {
  filter: brightness(0) saturate(100%) invert(5%) sepia(40%) saturate(1332%) hue-rotate(181deg) brightness(94%) contrast(98%) !important;
  opacity: 1 !important;
}

.page .subscribe_our_group_in_telegram .mw .cont .btn_c a {
  color: #07111f !important;
  background: rgba(255, 255, 255, 0.32) !important;
  border: 1px solid rgba(7, 17, 31, 0.12) !important;
  box-shadow: 0 0.75rem 1.8rem rgba(7, 17, 31, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.44) !important;
}

/* Landing polish step 20: equal-height process cards with aligned content. */
.page .how_it_work .mw .cont {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
}

.page .how_it_work .mw .cont .card {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 1fr !important;
  align-items: stretch !important;
  flex: 1 1 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 244px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 34px 24px 36px !important;
}

.page .how_it_work .mw .cont .card .num {
  position: absolute !important;
  top: 20px !important;
  right: 22px !important;
}

.page .how_it_work .mw .cont .card .num span {
  position: static !important;
  display: block !important;
}

.page .how_it_work .mw .cont .card .desc {
  display: grid !important;
  grid-template-rows: 104px minmax(54px, auto) !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 28px !important;
  width: 100% !important;
  height: 100% !important;
  padding-top: 18px !important;
}

.page .how_it_work .mw .cont .card .desc .icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 104px !important;
  height: 104px !important;
  margin: 0 !important;
}

.page .how_it_work .mw .cont .card .desc .icon img {
  max-width: 96px !important;
  max-height: 96px !important;
  object-fit: contain !important;
}

.page .how_it_work .mw .cont .card .desc p {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 54px !important;
  max-width: 260px !important;
  margin: 0 !important;
  text-align: center !important;
}

@media (max-width: 991px) {
  .page .how_it_work .mw .cont {
    flex-wrap: wrap !important;
  }

  .page .how_it_work .mw .cont .card {
    flex-basis: calc(50% - 12px) !important;
  }
}

@media (max-width: 575px) {
  .page .how_it_work .mw .cont {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .page .how_it_work .mw .cont .card {
    min-height: 148px !important;
    padding: 20px 14px 18px !important;
  }

  .page .how_it_work .mw .cont .card .num {
    top: 12px !important;
    right: 14px !important;
  }

  .page .how_it_work .mw .cont .card .desc {
    grid-template-rows: 54px minmax(34px, auto) !important;
    align-content: center !important;
    gap: 14px !important;
    padding-top: 10px !important;
  }

  .page .how_it_work .mw .cont .card .desc .icon {
    width: 54px !important;
    height: 54px !important;
  }

  .page .how_it_work .mw .cont .card .desc .icon img {
    max-width: 42px !important;
    max-height: 42px !important;
  }

  .page .how_it_work .mw .cont .card .desc p {
    min-height: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
}

/* Landing polish step 21: compact hero benefit badges. */
.page .main .main_cont .mw .cont .hero-benefits {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  width: min(100%, 820px) !important;
  margin: 0 auto 46px !important;
}

.page .main .main_cont .mw .cont .h1 .hero-title-break {
  display: block !important;
}

.page .main .main_cont .mw .cont .h1 {
  line-height: 0.9 !important;
}

.page .main .main_cont .mw .cont .hero-benefits span {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--landing-panel-text) !important;
  font-size: clamp(16px, 1.24vw, 22px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.page .main .main_cont .mw .cont .hero-benefits span:not(:last-child)::after {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  margin-left: 18px !important;
  border-radius: 999px !important;
  background: #8fb7ff !important;
  box-shadow: 0 0 16px rgba(143, 183, 255, 0.7), 0 0 2px rgba(255, 255, 255, 0.8) inset !important;
}

@media (max-width: 575px) {
  .page .main .main_cont .mw .cont .hero-benefits {
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 34px !important;
  }

  .page .main .main_cont .mw .cont .hero-benefits span {
    width: 100% !important;
    white-space: normal !important;
  }

  .page .main .main_cont .mw .cont .hero-benefits span:not(:last-child)::after {
    display: none !important;
  }
}

/* Landing polish step 22: make benefits a distinct light-blue showcase block. */
.page .our_benefits {
  position: relative !important;
  margin: 84px 0 !important;
  padding: 72px 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(255, 255, 255, 0.48), transparent 22rem),
    radial-gradient(circle at 92% 92%, rgba(100, 216, 187, 0.2), transparent 24rem),
    linear-gradient(135deg, #8fb7ff 0%, #adc9ff 52%, #d8e6ff 100%) !important;
  box-shadow:
    0 2rem 5rem rgba(143, 183, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}

.page .our_benefits::before {
  content: "" !important;
  position: absolute !important;
  inset: 22px !important;
  pointer-events: none !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  border-radius: 32px !important;
}

.page .our_benefits .round_decor {
  opacity: 0.18 !important;
  filter: brightness(0) saturate(100%) invert(8%) sepia(31%) saturate(1008%) hue-rotate(179deg) brightness(91%) contrast(99%) !important;
}

.page .our_benefits .mw {
  position: relative !important;
  z-index: 1 !important;
}

.page .our_benefits .mw .m_title {
  margin-bottom: 38px !important;
}

.page .our_benefits .mw .m_title .h2 {
  color: #07111f !important;
  text-shadow: none !important;
}

.page .our_benefits .mw .cont {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
  justify-items: stretch !important;
}

.page .our_benefits .mw .cont .card {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 76px auto !important;
  row-gap: 22px !important;
  align-content: start !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 250px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 28px 32px 26px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.2)),
    rgba(255, 255, 255, 0.28) !important;
  box-shadow:
    0 1.2rem 2.8rem rgba(7, 17, 31, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
}

.page .our_benefits .mw .cont .card:nth-child(2) {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0.58), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.26)),
    rgba(255, 255, 255, 0.36) !important;
  border-color: rgba(255, 255, 255, 0.58) !important;
  box-shadow:
    0 1.4rem 3.2rem rgba(7, 17, 31, 0.13),
    0 0 0 1px rgba(7, 17, 31, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

.page .our_benefits .mw .cont .card .icon {
  position: static !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 74px !important;
  height: 74px !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
  background: rgba(7, 17, 31, 0.08) !important;
  border: 1px solid rgba(7, 17, 31, 0.08) !important;
}

.page .our_benefits .mw .cont .card .icon img {
  max-width: 48px !important;
  max-height: 48px !important;
  filter: brightness(0) saturate(100%) invert(7%) sepia(54%) saturate(884%) hue-rotate(179deg) brightness(91%) contrast(98%) !important;
  opacity: 0.88 !important;
}

.page .our_benefits .mw .cont .card .desc {
  position: static !important;
  transform: none !important;
  display: grid !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 14px !important;
  text-align: center !important;
}

.page .our_benefits .mw .cont .card .desc .h5 {
  color: #07111f !important;
  text-shadow: none !important;
}

.page .our_benefits .mw .cont .card .desc p {
  max-width: 420px !important;
  margin: 0 auto !important;
  color: rgba(7, 17, 31, 0.68) !important;
}

@media (max-width: 991px) {
  .page .our_benefits .mw .cont {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  .page .our_benefits {
    margin: 56px 0 !important;
    padding: 54px 0 !important;
  }

  .page .our_benefits::before {
    inset: 12px !important;
    border-radius: 24px !important;
  }

  .page .our_benefits .mw .cont {
    grid-template-columns: 1fr !important;
  }

  .page .our_benefits .mw .cont .card {
    min-height: 0 !important;
  }
}

/* Landing polish step 23: mobile hero title and auth helpers alignment. */
.page .subscribe_our_group_in_telegram .mw .cont {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 28px !important;
  text-align: center !important;
}

.page .subscribe_our_group_in_telegram .mw .cont .desc {
  width: min(100%, 980px) !important;
  margin: 0 auto !important;
  display: grid !important;
  justify-items: center !important;
}

.page .subscribe_our_group_in_telegram .mw .cont .desc .h3,
.page .subscribe_our_group_in_telegram .mw .cont .desc .h3 * {
  text-align: center !important;
}

.page .subscribe_our_group_in_telegram .mw .cont .btn_c {
  margin: 0 auto !important;
}

@media (max-width: 575px) {
  .page .main .main_cont .mw .cont .h1 {
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 30px !important;
    line-height: 0.95 !important;
    text-align: center !important;
  }

  .page .main .main_cont .mw .cont .h1 b {
    display: inline !important;
  }

  .page .main .main_cont .mw .cont .h1 .hero-title-break {
    display: block !important;
  }

  .page .main .main_cont .mw .cont .form form .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    text-align: center !important;
  }

  .page .main .main_cont .mw .cont .form form .row .checkbox,
  .page .main .main_cont .mw .cont .form form .row .forget_pass,
  .page .main .main_cont .mw .cont .form form .row span {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .page .main .main_cont .mw .cont .form form .row .checkbox label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}