/* общий внешний вид */
._root_xtro1_1{
  border:1px solid rgba(34,211,238,.14) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)) !important;
}

._cardItem_11dhi_1{
  box-shadow:0 10px 24px rgba(0,0,0,.20) !important;
  border-color:rgba(255,255,255,.10) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}

._actionIcon_1qevm_17{
  border-color:rgba(34,211,238,.18) !important;
  background:rgba(255,255,255,.04) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.18) !important;
}
._actionIcon_1qevm_17:hover{
  border-color:rgba(34,211,238,.45) !important;
  box-shadow:0 0 0 1px rgba(34,211,238,.15), 0 10px 22px rgba(0,0,0,.24) !important;
}

/* чуть приятнее заголовки */
._label_11dhi_50{
  color:rgba(255,255,255,.68) !important;
}
._value_11dhi_56{
  font-weight:700 !important;
  letter-spacing:.1px !important;
}

/* мягче верхний блок */
.header-wrapper{
  box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
}

/* чуть ярче зелёные блоки */
.info-card-green,
._green_1oql7_16,
._iconGreen_11dhi_20{
  box-shadow:0 0 0 1px rgba(64,192,87,.10), 0 10px 24px rgba(0,0,0,.16) !important;
}


/* ===== Flying background logos ===== */

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg"),
    url("/assets/progressiya_logo_tight.svg");
  background-repeat: no-repeat;
  background-size:
    95px 95px,
    120px 120px,
    80px 80px,
    140px 140px,
    100px 100px,
    75px 75px,
    130px 130px,
    90px 90px,
    105px 105px,
    85px 85px,
    125px 125px,
    70px 70px,
    115px 115px,
    95px 95px,
    135px 135px,
    78px 78px,
    110px 110px,
    88px 88px,
    128px 128px,
    72px 72px,
    118px 118px,
    92px 92px,
    138px 138px,
    82px 82px;
  background-position:
    6% 12%,
    18% 38%,
    8% 68%,
    14% 92%,
    28% 18%,
    34% 54%,
    24% 82%,
    42% 10%,
    46% 36%,
    38% 70%,
    50% 92%,
    58% 20%,
    64% 48%,
    56% 76%,
    70% 12%,
    76% 34%,
    68% 66%,
    82% 84%,
    88% 18%,
    92% 44%,
    84% 72%,
    96% 92%,
    32% 96%,
    74% 96%;
  opacity: 0.085;
  animation: progressiyaFlyingLogos 42s linear infinite; filter: brightness(1.10);
}

@keyframes progressiyaFlyingLogos {
  0% {
    background-position:
      6% 12%,
      18% 38%,
      8% 68%,
      14% 92%,
      28% 18%,
      34% 54%,
      24% 82%,
      42% 10%,
      46% 36%,
      38% 70%,
      50% 92%,
      58% 20%,
      64% 48%,
      56% 76%,
      70% 12%,
      76% 34%,
      68% 66%,
      82% 84%,
      88% 18%,
      92% 44%,
      84% 72%,
      96% 92%,
      32% 96%,
      74% 96%;
  }

  50% {
    background-position:
      18% 22%,
      8% 48%,
      20% 74%,
      28% 88%,
      40% 12%,
      22% 62%,
      36% 90%,
      54% 22%,
      58% 44%,
      48% 78%,
      62% 86%,
      70% 28%,
      76% 56%,
      68% 82%,
      84% 20%,
      88% 46%,
      78% 74%,
      92% 78%,
      72% 10%,
      80% 38%,
      94% 66%,
      86% 96%,
      44% 94%,
      60% 98%;
  }

  100% {
    background-position:
      6% 12%,
      18% 38%,
      8% 68%,
      14% 92%,
      28% 18%,
      34% 54%,
      24% 82%,
      42% 10%,
      46% 36%,
      38% 70%,
      50% 92%,
      58% 20%,
      64% 48%,
      56% 76%,
      70% 12%,
      76% 34%,
      68% 66%,
      82% 84%,
      88% 18%,
      92% 44%,
      84% 72%,
      96% 92%,
      32% 96%,
      74% 96%;
  }
}

/* Чтобы основной сайт был поверх фоновых логотипов */
#root,
body > div {
  position: relative;
  z-index: 1;
}

/* На телефоне больше логотипов, но чуть меньше размер */
@media (max-width: 600px) {
  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg");
    background-repeat: no-repeat;
    background-size: 65px 65px,82px 82px,58px 58px,92px 92px,70px 70px,55px 55px,88px 88px,62px 62px;
    background-position: 6% 12%,18% 38%,8% 68%,14% 92%,28% 18%,34% 54%,24% 82%,42% 10%;
    opacity: 0.075;
    animation: progressiyaFlyingLogos 42s linear infinite, progressiyaLogoPulse 3.6s ease-in-out infinite !important;
    filter: brightness(1.10);
  }
}
}

/* ===== Pulse for background logos ===== */

body::before {
  animation:
    progressiyaFlyingLogos 42s linear infinite; filter: brightness(1.10),
    progressiyaLogoPulse 3.2s ease-in-out infinite !important;
  transform-origin: center center;
  will-change: opacity, transform;
}

@keyframes progressiyaLogoPulse {
  0% {
    opacity: 0.065;
    transform: scale(1);
  }

  50% {
    opacity: 0.12;
    transform: scale(1.035);
  }

  100% {
    opacity: 0.065;
    transform: scale(1);
  }
}

@media (max-width: 600px) {
  body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg"),
      url("/assets/progressiya_logo_tight.svg");
    background-repeat: no-repeat;
    background-size: 65px 65px,82px 82px,58px 58px,92px 92px,70px 70px,55px 55px,88px 88px,62px 62px;
    background-position: 6% 12%,18% 38%,8% 68%,14% 92%,28% 18%,34% 54%,24% 82%,42% 10%;
    opacity: 0.075;
    animation: progressiyaFlyingLogos 42s linear infinite, progressiyaLogoPulse 3.6s ease-in-out infinite !important;
    filter: brightness(1.10);
  }
}
}

/* ===== Safari iPhone white bars fix ===== */

html,
body {
  min-height: 100%;
  background:
    radial-gradient(circle at 20% 20%, rgba(34, 211, 238, .16), transparent 28%),
    radial-gradient(circle at 80% 80%, rgba(147, 51, 234, .18), transparent 30%),
    linear-gradient(135deg, #080f1f 0%, #111827 50%, #050816 100%) !important;
  overscroll-behavior: none;
}

body {
  min-height: 100vh;
  min-height: 100svh;
  min-height: -webkit-fill-available;
}

.page {
  min-height: 100vh !important;
  min-height: 100svh !important;
  min-height: -webkit-fill-available !important;
  padding-top: max(26px, env(safe-area-inset-top)) !important;
  padding-bottom: max(26px, env(safe-area-inset-bottom)) !important;
}

@supports (-webkit-touch-callout: none) {
  html {
    background-color: #080f1f !important;
  }

  body {
    background-color: #080f1f !important;
  }
}