/* Base theme variables and resets */
html {
  background: #000000;
}

.mnaf {
  --chakra-colors-brand: #4FACFE;
  --chakra-colors-brand-100: #b3e0ff;
  --chakra-colors-brand-200: #80ccff;
  --chakra-colors-brand-300: #4db8ff;
  --chakra-colors-brand-400: #4FACFE;
  --chakra-colors-brand-500: #4FACFE;
  --chakra-colors-brand-600: #00D9FF;
  --chakra-colors-brand-700: #00B8D9;
  --chakra-colors-brand-800: #0099B8;
  --chakra-colors-brand-900: #007A99;
  --chakra-colors-brand-950: #000000;
  --chakra-colors-brand-solid: #4FACFE;
  --chakra-colors-brand-contrast: #000000;
  --chakra-colors-brand-fg: #ffffff;
  --chakra-colors-brand-muted: #000000;
  --chakra-colors-brand-subtle: #001820;
  --chakra-colors-brand-emphasized: #00E5FF;
  --chakra-colors-brand-focus-ring: #00E5FF;
  --chakra-colors-brand-color: #4FACFE;
  --chakra-colors-smart-full-gray: #000000;
  --chakra-colors-smart-gray: #000000;
  --chakra-colors-smart-footer-bg: #000000;
  --chakra-colors-smart-secondary: #B0B8D1;
  --chakra-colors-smart-border: rgba(79, 172, 254, 0.22);
  --chakra-colors-desc: #B0B8D1;
  --chakra-colors-desc-500: #8b95b8;
  --chakra-colors-white: #ffffff;
  --chakra-colors-black: #000000;
  --chakra-colors-transparent: transparent;
  --chakra-spacing-1: 0.25rem;
  --chakra-spacing-2: 0.5rem;
  --chakra-spacing-3: 0.75rem;
  --chakra-spacing-4: 1rem;
  --chakra-spacing-4\.5: 1.125rem;
  --chakra-spacing-5: 1.25rem;
  --chakra-spacing-6: 1.5rem;
  --chakra-spacing-7: 1.75rem;
  --chakra-spacing-10: 2.5rem;
  --chakra-spacing-11: 2.75rem;
  --chakra-spacing-16: 4rem;
  --chakra-spacing-20: 5rem;
  --chakra-sizes-3: 0.75rem;
  --chakra-sizes-4: 1rem;
  --chakra-sizes-5: 1.25rem;
  --chakra-sizes-7: 1.75rem;
  --chakra-sizes-10: 2.5rem;
  --chakra-sizes-full: 100%;
  --chakra-radii-sm: 0.25rem;
  --chakra-radii-md: 0.375rem;
  --chakra-radii-full: 9999px;
  --chakra-font-sizes-xs: 0.75rem;
  --chakra-font-sizes-sm: 0.875rem;
  --chakra-font-sizes-lg: 1.125rem;
  --chakra-font-sizes-xl: 1.25rem;
  --chakra-font-sizes-2xl: 1.5rem;
  --chakra-font-sizes-3xl: 1.875rem;
  --chakra-font-weights-medium: 500;
  --swiper-theme-color: #4FACFE;
  box-sizing: border-box;
  margin: 0;
  min-height: 100vh;
  background: #000000;
  background-attachment: fixed;
  color: var(--chakra-colors-white);
  overscroll-behavior-y: none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mnaf *,
.mnaf *::before,
.mnaf *::after {
  box-sizing: inherit;
}

.mnaf img {
  max-width: 100%;
  height: auto;
  display: block;
}

.mnaf .chakra-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
  padding: 0;
}

.mnaf .chakra-input {
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
  width: 100%;
}

.mnaf .chakra-heading {
  margin: 0;
  font-weight: 600;
  line-height: 1.2;
}

.mnaf .chakra-mark {
  background: transparent;
  color: var(--chakra-colors-brand);
}

.mnaf .chakra-separator {
  display: block;
  border: none;
  border-top: 1px solid var(--chakra-colors-smart-border);
  margin: 0.75rem 0;
}

.mnaf .chakra-popover__content[data-state="open"] {
  display: block !important;
  pointer-events: auto !important;
}

@keyframes marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

.mnaf #root {
  background: #000000;
}

.mnaf #content  {
    padding-bottom: 40px;
  }
  .mnaf .swiper  {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0px;
    z-index: 1;
    display: block;
  }
  .mnaf .swiper-wrapper  {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
  }
  .mnaf .swiper-android .swiper-slide, .mnaf .swiper-ios .swiper-slide, .mnaf .swiper-wrapper  {
    transform: translateZ(0px);
  }
  .mnaf .swiper-horizontal  {
    touch-action: pan-y;
  }
  .mnaf .swiper-slide  {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
  }
  .mnaf .swiper-backface-hidden .swiper-slide  {
    transform: translateZ(0px);
    backface-visibility: hidden;
  }
  .mnaf .swiper-pagination  {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translateZ(0px);
    z-index: 10;
  }
  .mnaf .swiper-pagination-fraction, .mnaf .swiper-pagination-custom, .mnaf .swiper-horizontal > .swiper-pagination-bullets, .mnaf .swiper-pagination-bullets.swiper-pagination-horizontal  {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0px;
    width: 100%;
  }
  .mnaf .swiper-pagination-bullet  {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  }
  .mnaf .swiper-pagination-clickable .swiper-pagination-bullet  {
    cursor: pointer;
  }
  .mnaf .swiper-pagination-bullet:only-child  {
    display: none !important;
  }
  .mnaf .swiper-pagination-bullet-active  {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .mnaf .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .mnaf .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet  {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  .mnaf .swiper-pagination-lock  {
    display: none;
  }
  .mnaf .rfm-marquee-container  {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
  }
  .mnaf .rfm-marquee  {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation-name: marquee-scroll;
    animation-duration: var(--duration, 27.4s);
    animation-timing-function: linear;
    animation-iteration-count: var(--iteration-count, infinite);
    animation-fill-mode: forwards;
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
  }
  .mnaf .rfm-initial-child-container  {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
  }
  .mnaf .rfm-child  {
    transform: var(--transform);
  }
  .mnaf .swiper-grid > .swiper-wrapper  {
    flex-wrap: wrap;
  }
  .mnaf .home-swiper .swiper-pagination-bullet-active  {
    background: rgb(18, 28, 38);
    border-color: rgb(79, 172, 254) !important;
    border-width: 3px !important;
  }
  .mnaf .home-swiper .swiper-slide  {
    height: 340px !important;
  }
  .mnaf .home-swiper .memeSwiper  {
    border-color: rgb(43, 53, 64);
    border-radius: 100%;
    background: rgb(18, 28, 38);
    width: 16px !important;
    height: 16px !important;
    border-width: 2px !important;
  }
  .mnaf .swiper-pagination  {
    text-align: center;
  }
  .mnaf .css-jn5hy5  {
    display: flex;
    background: var(--chakra-colors-smart-full-gray);
    --bg-currentcolor: var(--chakra-colors-smart-full-gray);
    border-bottom-width: 0.5px;
    border-color: rgb(43, 53, 64);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-inline: var(--chakra-spacing-4);
    position: sticky;
    top: 0px;
    z-index: 1400;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-jn5hy5  {
      padding-block: 0px;
      height: 60px;
      flex-direction: initial;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-jn5hy5  {
      padding-block: var(--chakra-spacing-2);
      height: auto;
      flex-direction: column;
    }
  }
  .mnaf .css-sfv4qq  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: var(--chakra-sizes-full);
  }
  .mnaf .css-1ctkjri  {
    display: flex;
    gap: var(--chakra-spacing-4);
    height: var(--chakra-sizes-10);
    -webkit-box-align: center;
    align-items: center;
  }
  .mnaf .css-1ap8a3u  {
    object-fit: cover;
    aspect-ratio: 1.33333 / 1;
    height: 20px;
    flex-shrink: 0;
    cursor: pointer;
  }
  @media screen and (min-width: 48rem)  {
    .mnaf .css-1ap8a3u  {
      width: 90px;
      display: block;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1ap8a3u  {
      display: none;
    }
  }
  .mnaf .css-xkk17x  {
    object-fit: cover;
    height: 30px;
    flex-shrink: 0;
    cursor: pointer;
  }
  @media screen and (min-width: 48rem)  {
    .mnaf .css-xkk17x  {
      display: none;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-xkk17x  {
      display: block;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1ebkyuo  {
      display: none;
    }
  }
  .mnaf .css-o0bdtq  {
    display: flex;
    cursor: pointer;
    font-weight: 600;
    gap: 0px;
  }
  .mnaf .css-14o2fjs  {
    color: var(--chakra-colors-brand);
  }
  .mnaf .css-n5r5q3  {
    color: var(--chakra-colors-smart-secondary);
  }
  .mnaf .css-4xw2h0  {
    object-fit: cover;
    width: var(--chakra-sizes-4);
    height: var(--chakra-sizes-4);
    flex-shrink: 0;
  }
  .mnaf .css-1vwthv7  {
    color: var(--chakra-colors-smart-secondary);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1vwthv7  {
      display: flex;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1vwthv7  {
      display: none;
    }
  }
  .mnaf .css-qu591t  {
    object-fit: cover;
    margin-top: 3px;
    width: var(--chakra-sizes-3);
    height: var(--chakra-sizes-3);
  }
  .mnaf .css-rmz4vk  {
    position: relative;
    display: inline-flex;
  }
  .mnaf .css-apl5cn  {
    position: relative;
    flex: 1 1 0%;
    margin-right: 30px;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-apl5cn  {
      max-width: 562px;
      display: block;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-apl5cn  {
      display: none;
    }
  }
  .mnaf .css-zom2zr  {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: var(--chakra-sizes-full);
    margin-inline: var(--chakra-spacing-4);
  }
  .mnaf .css-78gcoq  {
    pointer-events: none;
  }
  .mnaf .css-4bs41f  {
    padding-inline-end: var(--chakra-spacing-10);
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    border-radius: var(--chakra-radii-md);
    padding-inline-start: calc(var(--input-height) - 6px);
  }
  .mnaf .css-o061rs  {
    border-width: 1px;
    display: none;
    z-index: 1400;
    position: absolute;
    width: var(--chakra-sizes-full);
    min-width: 360px;
    padding-inline: var(--chakra-spacing-5);
    padding-block: 20px;
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    margin-left: var(--chakra-spacing-4);
    border-radius: var(--chakra-radii-sm);
    top: var(--chakra-spacing-10);
    right: calc(var(--chakra-spacing-4\.5) * -1);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-o061rs  {
      max-width: 562px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-o061rs  {
    }
  }
  .mnaf .css-1chbm4z  {
    display: flex;
    gap: var(--chakra-spacing-2);
    -webkit-box-align: center;
    align-items: center;
  }
  .mnaf .css-43wd7i  {
    background: rgb(37, 50, 64);
    --bg-currentcolor: #253240;
    color: var(--chakra-colors-smart-secondary);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-43wd7i  {
      display: none;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-43wd7i  {
      display: flex;
    }
  }
  .mnaf .css-1q0qy83  {
    object-fit: cover;
    margin-top: 1px;
    width: var(--chakra-sizes-3);
    height: var(--chakra-sizes-3);
  }
  .mnaf .css-1mucns2  {
    display: flex;
    -webkit-box-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    align-items: center;
  }
  .mnaf .css-2tmczx  {
    --chakra-colors-color-palette-50: var(--chakra-colors-brand-50);
    --chakra-colors-color-palette-100: var(--chakra-colors-brand-100);
    --chakra-colors-color-palette-200: var(--chakra-colors-brand-200);
    --chakra-colors-color-palette-300: var(--chakra-colors-brand-300);
    --chakra-colors-color-palette-400: var(--chakra-colors-brand-400);
    --chakra-colors-color-palette-500: var(--chakra-colors-brand-500);
    --chakra-colors-color-palette-600: var(--chakra-colors-brand-600);
    --chakra-colors-color-palette-700: var(--chakra-colors-brand-700);
    --chakra-colors-color-palette-800: var(--chakra-colors-brand-800);
    --chakra-colors-color-palette-900: var(--chakra-colors-brand-900);
    --chakra-colors-color-palette-950: var(--chakra-colors-brand-950);
    --chakra-colors-color-palette: var(--chakra-colors-brand);
    --chakra-colors-color-palette-solid: var(--chakra-colors-brand-solid);
    --chakra-colors-color-palette-contrast: var(--chakra-colors-brand-contrast);
    --chakra-colors-color-palette-fg: var(--chakra-colors-brand-fg);
    --chakra-colors-color-palette-muted: var(--chakra-colors-brand-muted);
    --chakra-colors-color-palette-subtle: var(--chakra-colors-brand-subtle);
    --chakra-colors-color-palette-emphasized: var(--chakra-colors-brand-emphasized);
    --chakra-colors-color-palette-focus-ring: var(--chakra-colors-brand-focus-ring);
    --chakra-colors-color-palette-color: var(--chakra-colors-brand-color);
    color: var(--chakra-colors-black);
  }
  .mnaf .css-1htuoij  {
    cursor: pointer;
    border-radius: var(--chakra-radii-sm);
  }
  .mnaf .css-5wjnaw  {
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1nskait  {
      padding: var(--chakra-spacing-5);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1nskait  {
      padding: var(--chakra-spacing-4);
    }
  }
  .mnaf .css-1tunpe3  {
    padding-bottom: var(--chakra-spacing-4);
    font-weight: var(--chakra-font-weights-medium);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1tunpe3  {
      font-size: var(--chakra-font-sizes-lg);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1tunpe3  {
    }
  }
  .mnaf .css-y54nzh  {
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-y54nzh  {
      padding-top: var(--chakra-spacing-4);
      gap: var(--chakra-spacing-5);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-y54nzh  {
      padding-top: var(--chakra-spacing-3);
      gap: var(--chakra-spacing-3);
    }
  }
  .mnaf .css-1lekzkb  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1ihiuwq  {
      font-size: var(--chakra-font-sizes-sm);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1ihiuwq  {
      font-size: var(--chakra-font-sizes-xs);
    }
  }
  .mnaf .css-160jfji  {
    padding: 0px;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-160jfji  {
      font-size: var(--chakra-font-sizes-sm);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-160jfji  {
      font-size: var(--chakra-font-sizes-xs);
    }
  }
  .mnaf .css-ek1epw  {
    color: currentcolor;
    line-height: 1;
  }
  .mnaf .css-sqxdd8  {
    width: 12px;
    height: 12px;
  }
  .mnaf .css-gf297s  {
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .mnaf .css-1ppkc6t  {
    width: var(--chakra-sizes-3);
    height: var(--chakra-sizes-3);
  }
  .mnaf .css-upycik  {
    width: var(--chakra-sizes-full);
    overflow: hidden;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-upycik  {
      display: none;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-upycik  {
      display: block;
    }
  }
  .mnaf .css-ma6vaz  {
    width: var(--chakra-sizes-full);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-ma6vaz  {
      overflow: auto;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-ma6vaz  {
      overflow: scroll;
    }
  }
  .mnaf .css-1n9zx29  {
    position: relative;
    flex: 1 1 0%;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1n9zx29  {
      display: none;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1n9zx29  {
      width: var(--chakra-sizes-full);
      display: block;
    }
  }
  .mnaf .css-1w66b0j  {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: var(--chakra-sizes-full);
  }
  .mnaf .css-1po51na  {
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    border-radius: var(--chakra-radii-md);
    padding-inline-start: calc(var(--input-height) - 6px);
  }
  .mnaf .css-14j2sep  {
    border-width: 1px;
    display: none;
    z-index: 999;
    position: absolute;
    width: var(--chakra-sizes-full);
    padding-inline: var(--chakra-spacing-3);
    padding-block: var(--chakra-spacing-4);
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    border-radius: var(--chakra-radii-sm);
    top: var(--chakra-spacing-10);
  }
  .mnaf .css-srga59  {
    width: var(--chakra-sizes-full);
    background: var(--chakra-colors-smart-footer-bg);
    --bg-currentcolor: var(--chakra-colors-smart-footer-bg);
    margin-top: calc(var(--chakra-spacing-10) * -1);
  }
  .mnaf .css-zn46lf  {
    width: 100%;
    margin-inline: auto;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-zn46lf  {
      padding-block: var(--chakra-spacing-2);
      padding-inline: var(--chakra-spacing-4);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-zn46lf  {
      padding-block: var(--chakra-spacing-2);
      padding-inline: var(--chakra-spacing-2);
    }
  }
  .mnaf .css-1a10qig  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1a10qig  {
      flex-direction: row;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1a10qig  {
      flex-direction: column;
    }
  }
  .mnaf .css-qsoa5k  {
    color: var(--chakra-colors-desc-500);
    flex: 1 1 0%;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-qsoa5k  {
      display: flex;
      font-size: var(--chakra-font-sizes-xs);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-qsoa5k  {
      display: none;
      font-size: var(--chakra-font-sizes-xs);
    }
  }
  .mnaf .css-5xvxjh  {
    display: flex;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    padding-left: var(--chakra-spacing-4);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-5xvxjh  {
      width: auto;
      -webkit-box-pack: start;
      justify-content: start;
      gap: var(--chakra-spacing-4);
      font-size: var(--chakra-font-sizes-xs);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-5xvxjh  {
      width: var(--chakra-sizes-full);
      -webkit-box-pack: justify;
      justify-content: space-between;
      gap: var(--chakra-spacing-2);
      font-size: var(--chakra-font-sizes-xs);
    }
  }
  .mnaf .css-1h16eu1  {
    color: var(--chakra-colors-desc-500);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1h16eu1  {
      display: none;
      font-size: var(--chakra-font-sizes-xs);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1h16eu1  {
      display: block;
      font-size: var(--chakra-font-sizes-xs);
    }
  }
  .mnaf .css-1l9my30  {
    cursor: pointer;
  }
  .mnaf .css-wevn4r  {
    display: flex;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-wevn4r  {
      width: auto;
      margin-top: 0px;
      gap: var(--chakra-spacing-10);
      -webkit-box-pack: end;
      justify-content: end;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-wevn4r  {
      width: var(--chakra-sizes-full);
      margin-top: 0px;
      gap: var(--chakra-spacing-2);
      -webkit-box-pack: justify;
      justify-content: space-between;
    }
  }
  .mnaf .css-1dl3a7i  {
    display: flex;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1dl3a7i  {
      gap: var(--chakra-spacing-4);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1dl3a7i  {
      gap: var(--chakra-spacing-2);
    }
  }
  .mnaf .css-4g5g4r  {
    object-fit: cover;
    cursor: pointer;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-4g5g4r  {
      width: 24px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-4g5g4r  {
      width: var(--chakra-sizes-5);
    }
  }
  .mnaf .css-1n1jx2l  {
    font-size: var(--chakra-font-sizes-xs);
    color: var(--chakra-colors-smart-secondary);
  }
  @media screen and (max-width: 47.9975rem)  {
    .mnaf .css-1l30axn  {
      inset-inline: var(--chakra-spacing-4);
    }
  }
  .mnaf .css-18usbdz  {
    min-height: 100vh;
    margin-inline: auto;
    background: #000000;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--chakra-colors-smart-full-gray);
    --bg-currentcolor: var(--chakra-colors-smart-full-gray);
    position: relative;
    overflow: hidden;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-18usbdz  {
      padding-bottom: 60px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-18usbdz  {
      padding-inline: var(--chakra-spacing-4);
      padding-bottom: var(--chakra-spacing-4);
    }
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1koguec  {
      padding-top: 120px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1koguec  {
      padding-top: var(--chakra-spacing-5);
    }
  }
  .mnaf .css-emkzrp  {
    font-weight: 800;
    text-align: center;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-emkzrp  {
      font-size: 56px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-emkzrp  {
      font-size: 30px;
    }
  }
  .mnaf .css-1l127hh  {
    font-weight: 800;
    gap: var(--chakra-spacing-2);
    text-align: center;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1l127hh  {
      font-size: 56px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1l127hh  {
      font-size: 30px;
    }
  }
  .mnaf .css-vykmad  {
    color: var(--chakra-colors-brand-500);
  }
  .mnaf .css-1xcw75g  {
    padding-top: var(--chakra-spacing-4);
    font-size: var(--chakra-font-sizes-sm);
    flex-direction: column;
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1xcw75g  {
      text-align: center;
    }
  }
  .mnaf .css-ro13q4  {
    gap: var(--chakra-spacing-5);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-ro13q4  {
      padding-top: 58px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-ro13q4  {
      padding-top: var(--chakra-spacing-7);
    }
  }
  .mnaf .css-1234pqm  {
    --chakra-colors-color-palette-50: var(--chakra-colors-brand-50);
    --chakra-colors-color-palette-100: var(--chakra-colors-brand-100);
    --chakra-colors-color-palette-200: var(--chakra-colors-brand-200);
    --chakra-colors-color-palette-300: var(--chakra-colors-brand-300);
    --chakra-colors-color-palette-400: var(--chakra-colors-brand-400);
    --chakra-colors-color-palette-500: var(--chakra-colors-brand-500);
    --chakra-colors-color-palette-600: var(--chakra-colors-brand-600);
    --chakra-colors-color-palette-700: var(--chakra-colors-brand-700);
    --chakra-colors-color-palette-800: var(--chakra-colors-brand-800);
    --chakra-colors-color-palette-900: var(--chakra-colors-brand-900);
    --chakra-colors-color-palette-950: var(--chakra-colors-brand-950);
    --chakra-colors-color-palette: var(--chakra-colors-brand);
    --chakra-colors-color-palette-solid: var(--chakra-colors-brand-solid);
    --chakra-colors-color-palette-contrast: var(--chakra-colors-brand-contrast);
    --chakra-colors-color-palette-fg: var(--chakra-colors-brand-fg);
    --chakra-colors-color-palette-muted: var(--chakra-colors-brand-muted);
    --chakra-colors-color-palette-subtle: var(--chakra-colors-brand-subtle);
    --chakra-colors-color-palette-emphasized: var(--chakra-colors-brand-emphasized);
    --chakra-colors-color-palette-focus-ring: var(--chakra-colors-brand-focus-ring);
    --chakra-colors-color-palette-color: var(--chakra-colors-brand-color);
    color: var(--chakra-colors-black);
  }
  .mnaf .css-sjuy1e  {
    margin-inline: auto;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-sjuy1e  {
      max-width: 1280px;
      padding-top: 180px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-sjuy1e  {
      max-width: 100%;
      padding-top: 30px;
    }
  }
  .mnaf .css-1gcwma9  {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1gcwma9  {
      gap: 80px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1gcwma9  {
      flex-direction: column;
    }
  }
  .mnaf .css-j7qwjs  {
    display: flex;
    flex-direction: column;
  }
  .mnaf .css-1abfhzx  {
    font-weight: 600;
    color: var(--chakra-colors-brand);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1abfhzx  {
      font-size: var(--chakra-font-sizes-3xl);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1abfhzx  {
      font-size: 24px;
      text-align: left;
    }
  }
  .mnaf .css-vs34a8  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-spacing-1);
  }
  .mnaf .css-eliwoo  {
    font-weight: 600;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-eliwoo  {
      font-size: var(--chakra-font-sizes-3xl);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-eliwoo  {
      font-size: 24px;
    }
  }
  .mnaf .css-182eg8h  {
    display: flex;
    font-weight: 500;
    -webkit-box-align: center;
    align-items: center;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-182eg8h  {
      max-width: 656px;
      padding-top: var(--chakra-spacing-10);
      gap: 14px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-182eg8h  {
      max-width: 100%;
      padding-top: var(--chakra-spacing-4);
      gap: 12px;
    }
  }
  .mnaf .css-1fq5juq  {
    border-width: 2px;
    border-color: var(--chakra-colors-brand);
    border-radius: var(--chakra-radii-full);
    flex-shrink: 0;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1fq5juq  {
      width: 14px;
      height: 14px;
      font-size: var(--chakra-font-sizes-xl);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1fq5juq  {
      width: 8px;
      height: 8px;
    }
  }
  .mnaf .css-qxg3dq  {
    color: var(--chakra-colors-desc);
    font-size: var(--chakra-font-sizes-sm);
    padding-top: 10px;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-qxg3dq  {
      max-width: 605px;
      padding-left: 28px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-qxg3dq  {
      padding-left: 20px;
    }
  }
  .mnaf .css-b8xuse  {
    object-fit: cover;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-b8xuse  {
      width: 568px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-b8xuse  {
      width: 100%;
      margin-top: 30px;
    }
  }
  .mnaf .css-1n2mv2k  {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
  .mnaf .css-1xvuieg  {
    font-weight: 600;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1xvuieg  {
      font-size: 36px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1xvuieg  {
      font-size: 24px;
      text-align: center;
    }
  }
  .mnaf .css-kmykxm  {
    color: var(--chakra-colors-brand);
  }
  .mnaf .css-1cvwn4q  {
    color: var(--chakra-colors-desc);
    font-size: var(--chakra-font-sizes-sm);
    text-align: center;
    padding-top: var(--chakra-spacing-5);
  }
  .mnaf .css-10wjy44  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-10wjy44  {
      padding-top: var(--chakra-spacing-10);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-10wjy44  {
      flex-direction: column;
      padding-top: 30px;
    }
  }
  .mnaf .css-fybcnu  {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-spacing-5);
  }
  .mnaf .css-4qxcfl  {
    display: flex;
    cursor: pointer;
    z-index: 10;
    border-color: var(--chakra-colors-smart-border);
    border-width: 1px;
    flex-direction: column;
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    border-radius: var(--chakra-radii-md);
    max-width: 456px;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-4qxcfl  {
      padding-block: 30px;
      padding-inline: 40px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-4qxcfl  {
      padding-block: 16px;
      padding-inline: 10px;
    }
  }
  .mnaf .css-31nl1h  {
    color: var(--chakra-colors-white);
    font-weight: 700;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-31nl1h  {
      font-size: 18px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-31nl1h  {
    }
  }
  .mnaf .css-j91p2  {
    color: var(--chakra-colors-desc);
    font-size: var(--chakra-font-sizes-sm);
    padding-top: var(--chakra-spacing-3);
  }
  .mnaf .css-1asx4lo  {
    display: flex;
    border-color: var(--chakra-colors-smart-border);
    border-width: 1px;
    flex-direction: column;
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    border-radius: var(--chakra-radii-md);
    max-width: 456px;
    cursor: pointer;
    z-index: 9;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1asx4lo  {
      padding-block: 30px;
      padding-inline: 40px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1asx4lo  {
      padding-block: 16px;
      padding-inline: 10px;
    }
  }
  .mnaf .css-hm0c4c  {
    position: relative;
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-hm0c4c  {
      display: none;
    }
  }
  .mnaf .css-1eoagsf  {
    object-fit: cover;
    width: 163px;
    z-index: 10;
    position: relative;
  }
  .mnaf .css-nmc8fx  {
    object-fit: cover;
    position: absolute;
    top: -10px;
    left: -108px;
  }
  .mnaf .css-cwh8ji  {
    object-fit: cover;
    transform: rotateY(544deg);
    position: absolute;
    top: -10px;
    right: -108px;
  }
  .mnaf .css-13zgshl  {
    object-fit: cover;
    transform: rotateZ(540deg);
    position: absolute;
    top: 90px;
    right: -108px;
  }
  .mnaf .css-17ttyin  {
    object-fit: cover;
    transform: rotateX(180deg);
    position: absolute;
    top: 90px;
    left: -108px;
  }
  .mnaf .css-1nhu7dl  {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-spacing-5);
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1nhu7dl  {
      margin-top: var(--chakra-spacing-5);
    }
  }
  .mnaf .css-13arn58  {
    font-weight: 600;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-13arn58  {
      font-size: 36px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-13arn58  {
      font-size: var(--chakra-font-sizes-2xl);
    }
  }
  .mnaf .css-1v92mtc  {
    display: grid;
    margin-inline: auto;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1v92mtc  {
      grid-template-columns: repeat(3, 1fr);
      gap: var(--chakra-spacing-6);
      padding-top: 60px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1v92mtc  {
      grid-template-columns: repeat(1, 1fr);
      gap: 0px;
      padding-top: var(--chakra-spacing-10);
    }
  }
  .mnaf .css-1uk6060  {
    background: var(--chakra-colors-transparent);
    --bg-currentcolor: var(--chakra-colors-transparent);
    border-radius: var(--chakra-radii-sm);
    cursor: pointer;
    padding-block: var(--chakra-spacing-10);
    padding-inline: var(--chakra-spacing-10);
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: 0.3s;
  }
  .mnaf .css-1lu8yg4  {
    object-fit: cover;
    width: 180px;
    height: 200px;
  }
  .mnaf .css-10hq5pn  {
    font-size: var(--chakra-font-sizes-xl);
    text-align: center;
    width: 100%;
  }
  .mnaf .css-1drl1lm  {
    font-size: var(--chakra-font-sizes-sm);
    color: var(--chakra-colors-desc);
    text-align: center;
    padding-top: var(--chakra-spacing-2);
  }
  .mnaf .css-1v1wdx1  {
    position: relative;
    width: 100%;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1v1wdx1  {
      margin-top: 180px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1v1wdx1  {
      margin-top: 30px;
    }
  }
  .mnaf .css-taeiso  {
    margin-inline: auto;
    padding-block: var(--chakra-spacing-5);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-taeiso  {
      max-width: 1280px;
      margin-top: 180px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-taeiso  {
      max-width: 100%;
      margin-top: 30px;
    }
  }
  .mnaf .css-i17g94  {
    display: grid;
    gap: var(--chakra-spacing-6);
    margin-inline: auto;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-i17g94  {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-i17g94  {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  .mnaf .css-1fpp028  {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-color: var(--chakra-colors-brand);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1fpp028  {
      border-right-width: 1px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1fpp028  {
      border-right-width: 0px;
    }
  }
  .mnaf .css-c2dqfy  {
    color: var(--chakra-colors-brand);
    font-size: var(--chakra-font-sizes-sm);
  }
  .mnaf .css-a33wrk  {
    font-weight: 600;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-a33wrk  {
      font-size: 32px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-a33wrk  {
      font-size: 24px;
    }
  }
  .mnaf .css-u6v8er  {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .mnaf .css-9kd17e  {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-color: var(--chakra-colors-brand);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-9kd17e  {
      border-left-width: 1px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-9kd17e  {
      border-left-width: 0px;
    }
  }
  .mnaf .css-1klcq6k  {
    font-weight: 600;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1klcq6k  {
      font-size: 36px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1klcq6k  {
      font-size: var(--chakra-font-sizes-2xl);
      text-align: center;
    }
  }
  .mnaf .css-h4hg8f  {
    display: grid;
    gap: var(--chakra-spacing-6);
    margin-inline: auto;
    padding-top: 50px;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-h4hg8f  {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-h4hg8f  {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  .mnaf .css-qc4bg2  {
    background: var(--chakra-colors-transparent);
    --bg-currentcolor: var(--chakra-colors-transparent);
    border-radius: var(--chakra-radii-sm);
    cursor: pointer;
    padding-inline: var(--chakra-spacing-2);
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: 0.3s;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-qc4bg2  {
      padding-block: var(--chakra-spacing-11);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-qc4bg2  {
      padding-block: 0px;
    }
  }
  .mnaf .css-dxt7nd  {
    object-fit: cover;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-dxt7nd  {
      width: 100px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-dxt7nd  {
      width: var(--chakra-sizes-full);
    }
  }
  .mnaf .css-p69595  {
    font-size: var(--chakra-font-sizes-xl);
    text-align: center;
  }
  .mnaf .css-bjkcx2  {
    max-width: 250px;
    margin-inline: auto;
    font-size: var(--chakra-font-sizes-sm);
    color: var(--chakra-colors-desc);
    text-align: center;
    padding-top: var(--chakra-spacing-2);
  }
  .mnaf .css-1qj1n3  {
    margin-inline: auto;
    background: url("/assets/mev-bg.png") 0% 0% / cover no-repeat;
    --bg-currentcolor: url('/assets/mev-bg.png');
    border-width: 1px;
    border-radius: var(--chakra-radii-sm);
    border-color: rgb(43, 53, 64);
    min-height: 400px;
    padding: var(--chakra-spacing-4);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1qj1n3  {
      margin-top: 100px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1qj1n3  {
      margin-top: var(--chakra-spacing-10);
    }
  }
  .mnaf .css-17amkwd  {
    display: flex;
    gap: var(--chakra-spacing-4);
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-17amkwd  {
      flex-direction: column;
    }
  }
  .mnaf .css-1xo7qlg  {
    display: flex;
    border-width: 1px;
    border-radius: var(--chakra-radii-sm);
    border-color: rgb(43, 53, 64);
    flex-direction: column;
    flex-shrink: 0;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1xo7qlg  {
      padding-inline: 30px;
      padding-block: 30px;
      max-height: 880px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1xo7qlg  {
      padding-inline: 10px;
      padding-block: 20px;
    }
  }
  .mnaf .css-cj0fle  {
    display: flex;
    position: relative;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-cj0fle  {
      gap: 30px;
      margin-top: 68px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-cj0fle  {
      margin-top: 20px;
      flex-direction: column;
    }
  }
  .mnaf .css-gmdyhk  {
    display: flex;
    padding-inline: var(--chakra-spacing-4);
    border-radius: 8px;
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    flex-direction: column;
    position: relative;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    overflow: hidden;
    flex-shrink: 0;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-gmdyhk  {
      padding-block: var(--chakra-spacing-10);
      max-width: 156px;
      margin-top: 40px;
      min-height: 320px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-gmdyhk  {
      padding-block: var(--chakra-spacing-4);
      -webkit-box-align: center;
      align-items: center;
      max-width: 100%;
    }
  }
  .mnaf .css-ktvlzn  {
    width: var(--chakra-sizes-7);
    height: var(--chakra-sizes-7);
    background: var(--chakra-colors-brand);
    --bg-currentcolor: var(--chakra-colors-brand);
    border-radius: var(--chakra-radii-full);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: var(--chakra-colors-black);
  }
  .mnaf .css-1r3pfz0  {
    font-size: var(--chakra-font-sizes-sm);
    color: var(--chakra-colors-desc);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1r3pfz0  {
      padding-top: var(--chakra-spacing-10);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1r3pfz0  {
      padding-top: var(--chakra-spacing-4);
      text-align: center;
    }
  }
  .mnaf .css-1m82288  {
    object-fit: cover;
    width: 60px;
    position: absolute;
    z-index: 9;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1m82288  {
      right: -70px;
      top: 90px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1m82288  {
      transform: rotate(90deg);
      right: 120px;
      top: 290px;
      display: none;
    }
  }
  .mnaf .css-1brdjgz  {
    display: flex;
    border-width: 1px;
    border-radius: var(--chakra-radii-sm);
    border-color: rgb(43, 53, 64);
    flex-direction: column;
    flex-shrink: 0;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1brdjgz  {
      padding-inline: 30px;
      padding-block: 40px;
      max-height: 880px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1brdjgz  {
      padding-inline: 10px;
      padding-block: 20px;
    }
  }
  .mnaf .css-1ft6aem  {
    font-weight: 500;
    font-size: var(--chakra-font-sizes-xl);
    color: var(--chakra-colors-brand);
  }
  .mnaf .css-zqh699  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-spacing-5);
    position: relative;
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-zqh699  {
      flex-direction: column;
    }
  }
  .mnaf .css-1dbh5tq  {
    display: flex;
    padding-inline: var(--chakra-spacing-5);
    border-radius: 8px;
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    flex-direction: column;
    position: relative;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    overflow: hidden;
    flex-shrink: 0;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1dbh5tq  {
      padding-block: var(--chakra-spacing-10);
      max-width: 156px;
      margin-top: 68px;
      min-height: 320px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1dbh5tq  {
      padding-block: var(--chakra-spacing-4);
      -webkit-box-align: center;
      align-items: center;
      max-width: 100%;
      margin-top: 20px;
    }
  }
  .mnaf .css-1qbxmxa  {
    object-fit: cover;
    width: 20px;
    position: absolute;
    right: 48%;
    z-index: 999;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1qbxmxa  {
      top: 120px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1qbxmxa  {
      top: 130px;
      transform: rotate(90deg);
      display: none;
    }
  }
  .mnaf .css-10210a4  {
    object-fit: cover;
    width: 60px;
    position: absolute;
    z-index: 9;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-10210a4  {
      right: -70px;
      top: 120px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-10210a4  {
      transform: rotate(90deg);
      right: 120px;
      top: 290px;
      display: none;
    }
  }
  .mnaf .css-umj1qh  {
    display: flex;
    flex-direction: column;
    border-width: 1px;
    border-radius: var(--chakra-radii-sm);
    border-color: rgb(43, 53, 64);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-umj1qh  {
      padding-inline: var(--chakra-spacing-10);
      padding-block: var(--chakra-spacing-10);
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-umj1qh  {
      padding-inline: 10px;
      padding-block: 20px;
    }
  }
  .mnaf .css-lpynjw  {
    font-weight: 500;
    font-size: var(--chakra-font-sizes-xl);
    color: var(--chakra-colors-brand);
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-lpynjw  {
      text-align: center;
    }
  }
  .mnaf .css-4q69ex  {
    display: flex;
    gap: 30px;
    position: relative;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-4q69ex  {
      margin-top: 68px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-4q69ex  {
      margin-top: 20px;
      flex-direction: column;
    }
  }
  .mnaf .css-u3v5hx  {
    object-fit: cover;
    width: 20px;
    position: absolute;
    z-index: 9;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-u3v5hx  {
      left: 160px;
      top: 50px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-u3v5hx  {
      transform: rotate(90deg);
      left: 142px;
      top: 130px;
      display: none;
    }
  }
  .mnaf .css-1ch8h3q  {
    object-fit: cover;
    width: 20px;
    position: absolute;
    z-index: 9;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1ch8h3q  {
      left: 350px;
      top: 50px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1ch8h3q  {
      left: 142px;
      transform: rotate(90deg);
      display: none;
      top: 280px;
    }
  }
  .mnaf .css-vuadjr  {
    display: flex;
    padding-inline: var(--chakra-spacing-5);
    border-radius: 8px;
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    flex-direction: column;
    position: relative;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    overflow: hidden;
    flex-shrink: 0;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-vuadjr  {
      padding-block: var(--chakra-spacing-10);
      max-width: 156px;
      min-height: 320px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-vuadjr  {
      padding-block: var(--chakra-spacing-4);
      -webkit-box-align: center;
      align-items: center;
      max-width: 100%;
      margin-top: 20px;
    }
  }
  .mnaf .css-1ixmhq3  {
    margin-top: var(--chakra-spacing-5);
    text-align: center;
    border-width: 1px;
    font-size: var(--chakra-font-sizes-xl);
    border-radius: var(--chakra-radii-sm);
    border-color: rgb(43, 53, 64);
    flex-direction: column;
    height: var(--chakra-sizes-full);
    padding-block: var(--chakra-spacing-7);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1ixmhq3  {
      display: flex;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1ixmhq3  {
      display: none;
    }
  }
  .mnaf .css-1g66t1t  {
    margin-inline: auto;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1g66t1t  {
      max-width: 1280px;
      padding-top: 150px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1g66t1t  {
      max-width: 100%;
      padding-top: 20px;
    }
  }
  .mnaf .css-a4vmds  {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-spacing-2);
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-hgqa5m  {
      padding-top: var(--chakra-spacing-10);
      padding-bottom: 50px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-hgqa5m  {
      padding-top: var(--chakra-spacing-4);
      padding-bottom: 0px;
    }
  }
  .mnaf .css-1spklcn  {
    display: flex;
    height: var(--chakra-sizes-full);
    cursor: pointer;
    padding: var(--chakra-spacing-6);
    background: rgb(18, 28, 38);
    --bg-currentcolor: #121C26;
    border-color: rgb(43, 53, 64);
    border-width: 0.5px;
    border-radius: var(--chakra-radii-md);
    flex-direction: column;
  }
  .mnaf .css-1ioibwk  {
    display: flex;
    gap: var(--chakra-spacing-2);
  }
  .mnaf .css-15md5wf  {
    width: 44px;
  }
  .mnaf .css-1dklkmj  {
    stroke: currentcolor;
    fill: currentcolor;
    stroke-width: 0;
    height: 1.2em;
    width: 1.2em;
  }
  .mnaf .css-rtocns  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1.3;
  }
  .mnaf .css-omglo6  {
    font-weight: 600;
    padding-top: var(--chakra-spacing-4);
    text-align: center;
    width: 100%;
  }
  .mnaf .css-1tps7qi  {
    font-size: var(--chakra-font-sizes-sm);
    color: var(--chakra-colors-desc-500);
    padding-top: var(--chakra-spacing-3);
  }
  .mnaf .css-1pa5pga  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-spacing-2);
    padding-top: var(--chakra-spacing-16);
  }
  .mnaf .css-1ajp4jy  {
    object-fit: cover;
    height: 30px;
  }
  .mnaf .css-152l0rs  {
    display: flex;
    gap: var(--chakra-spacing-1);
    -webkit-box-align: center;
    align-items: center;
  }
  .mnaf .css-1rnxznj  {
    font-size: var(--chakra-font-sizes-xs);
    color: var(--chakra-colors-desc-500);
  }
  .mnaf .css-18tjauc  {
    object-fit: cover;
    width: var(--chakra-sizes-3);
    height: var(--chakra-sizes-3);
  }
  .mnaf .css-14bgnhx  {
    background-image: url("/assets/next-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-14bgnhx  {
      margin-top: var(--chakra-spacing-20);
      padding-block: 150px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-14bgnhx  {
      margin-top: var(--chakra-spacing-4);
      padding-block: 20px;
    }
  }
  .mnaf .css-1rpienq  {
    margin-inline: auto;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-1rpienq  {
      max-width: 1280px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-1rpienq  {
      max-width: 100%;
    }
  }
  .mnaf .css-6tdv72  {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-spacing-1);
  }
  .mnaf .css-17glpd8  {
    font-weight: 600;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-17glpd8  {
      font-size: 36px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-17glpd8  {
    }
  }
  .mnaf .css-e9cmeh  {
    font-weight: 600;
    color: var(--chakra-colors-brand);
    text-align: center;
  }
  @media screen and (min-width: 30rem)  {
    .mnaf .css-e9cmeh  {
      font-size: 24px;
    }
  }
  @media screen and (max-width: 29.9975rem)  {
    .mnaf .css-e9cmeh  {
    }
  }
  .mnaf .css-ky3byw  {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: var(--chakra-spacing-6);
  }
  .mnaf .css-jh2k3n  {
    margin-block: var(--chakra-spacing-4);
    padding-inline: var(--chakra-spacing-5);
  }
  .mnaf .css-bqmt1d  {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
    background: var(--chakra-colors-smart-gray);
    --bg-currentcolor: var(--chakra-colors-smart-gray);
    border-radius: 8px;
    height: 39px;
    padding-inline: var(--chakra-spacing-4);
    color: var(--chakra-colors-brand);
    cursor: pointer;
  }
  .mnaf .css-15iy6bx  {
    object-fit: cover;
    width: var(--chakra-sizes-5);
    height: var(--chakra-sizes-5);
  }

html {
  scroll-behavior: smooth;
}

.mnaf .css-1ctkjri {
  flex: 1;
}

@keyframes ez-fade-up {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes ez-hero-in {
  from { opacity: 0; transform: translateY(24px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ez-pulse-ring {
  0%   { box-shadow: 0 0 0 0 rgba(79, 172, 254, 0.5); }
  70%  { box-shadow: 0 0 0 14px rgba(79, 172, 254, 0); }
  100% { box-shadow: 0 0 0 0 rgba(79, 172, 254, 0); }
}

@keyframes ez-shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}

@keyframes ez-glow {
  0%, 100% { text-shadow: 0 0 20px rgba(79, 172, 254, 0.3); }
  50%      { text-shadow: 0 0 40px rgba(79, 172, 254, 0.6); }
}

/* Hero entrance */
.mnaf .ez-hero-item {
  animation: ez-hero-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.mnaf .css-vykmad {
  animation: ez-glow 3s ease-in-out infinite;
}

/* Scroll reveal */
.mnaf .ez-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--ez-delay, 0s);
}

.mnaf .ez-reveal.ez-visible {
  opacity: 1;
  transform: translateY(0);
}

/* CTA button */
.mnaf .css-1234pqm {
  background: var(--chakra-colors-brand) !important;
  color: var(--chakra-colors-black) !important;
  font-weight: 700 !important;
  padding: 0.85rem 2rem !important;
  border-radius: var(--chakra-radii-full) !important;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s !important;
}

.mnaf .css-1234pqm:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 8px 28px rgba(0, 217, 255, 0.35);
  background: linear-gradient(90deg, #4FACFE 0%, #00E5FF 50%, #00D9FF 100%) !important;
}

.mnaf .css-1234pqm:active {
  transform: scale(0.97);
}

.mnaf .ez-cta-pulse {
  animation: ez-pulse-ring 2.5s ease-out infinite;
}

/* Card hover */
.mnaf .ez-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  will-change: transform;
}

.mnaf .ez-card:hover {
  box-shadow: var(--ez-cosmic-glow-hover) !important;
}

.mnaf .css-qc4bg2.ez-card:hover {
  box-shadow: var(--ez-cosmic-glow-hover) !important;
}

/* Stat counters */
.mnaf .css-fl27ss {
  font-weight: 700;
  color: var(--chakra-colors-brand);
  transition: color 0.3s;
}

.mnaf .css-1fpp028,
.mnaf .css-u6v8er,
.mnaf .css-9kd17e {
  transition: transform 0.3s;
}

.mnaf .css-1fpp028:hover,
.mnaf .css-u6v8er:hover,
.mnaf .css-9kd17e:hover {
  transform: translateY(-4px);
}

/* Header scroll state */
.mnaf .css-jn5hy5.ez-header-scrolled {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  border-bottom-color: rgba(79, 172, 254, 0.15) !important;
}

/* Nav button hover */
.mnaf .css-o0bdtq .chakra-button {
  transition: color 0.2s, transform 0.2s;
  padding: 0.4rem 0.75rem !important;
  border-radius: 6px;
}

.mnaf .css-o0bdtq .chakra-button:hover {
  color: var(--chakra-colors-brand) !important;
  transform: translateY(-1px);
}

/* Dropdown menus */
.mnaf .css-o0bdtq .chakra-menu__trigger {
  position: relative;
}

.mnaf .ez-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 180px;
  background: var(--chakra-colors-smart-gray);
  border: 1px solid var(--chakra-colors-smart-border);
  border-radius: var(--chakra-radii-md);
  padding: 0.5rem;
  z-index: 1500;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
  animation: ez-fade-up 0.2s ease both;
}

.mnaf .ez-dropdown.is-open {
  display: block;
}

.mnaf .ez-dropdown__item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.6rem 0.85rem;
  background: transparent;
  border: none;
  color: var(--chakra-colors-white);
  font-size: var(--chakra-font-sizes-sm);
  cursor: pointer;
  border-radius: var(--chakra-radii-sm);
  transition: background 0.15s, color 0.15s;
}

.mnaf .ez-dropdown__item:hover {
  background: rgba(79, 172, 254, 0.1);
  color: var(--chakra-colors-brand);
}

/* Popover panel */
.mnaf .chakra-popover__content[data-state="open"] {
  animation: ez-fade-up 0.25s ease both;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
}

/* Mobile hamburger */
.mnaf .ez-menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: var(--chakra-colors-smart-gray);
  border: 1px solid var(--chakra-colors-smart-border);
  border-radius: 8px;
  cursor: pointer;
  padding: 8px;
  margin-left: auto;
  flex-shrink: 0;
  transition: border-color 0.2s;
}

.mnaf .ez-menu-toggle span {
  display: block;
  height: 2px;
  background: var(--chakra-colors-white);
  border-radius: 2px;
  transition: transform 0.3s, opacity 0.3s;
}

.mnaf .ez-menu-toggle.is-active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.mnaf .ez-menu-toggle.is-active span:nth-child(2) {
  opacity: 0;
}

.mnaf .ez-menu-toggle.is-active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* Mobile menu overlay */
.ez-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.ez-mobile-menu.is-open {
  opacity: 1;
  pointer-events: auto;
}

.ez-mobile-menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(320px, 85vw);
  height: 100%;
  background: var(--chakra-colors-smart-full-gray);
  border-left: 1px solid var(--chakra-colors-smart-border);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ez-mobile-menu.is-open .ez-mobile-menu__panel {
  transform: translateX(0);
}

.ez-mobile-menu__close {
  align-self: flex-end;
  background: none;
  border: none;
  color: var(--chakra-colors-white);
  font-size: 1.75rem;
  cursor: pointer;
  line-height: 1;
  padding: 0.25rem 0.5rem;
}

.ez-mobile-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 1.5rem;
  flex: 1;
}

.ez-mobile-menu__link {
  background: none;
  border: none;
  color: var(--chakra-colors-white);
  font-size: 1.1rem;
  font-weight: 600;
  text-align: left;
  padding: 0.85rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, padding-left 0.15s;
}

.ez-mobile-menu__link:hover {
  background: rgba(79, 172, 254, 0.1);
  color: var(--chakra-colors-brand);
  padding-left: 1.25rem;
}

.ez-mobile-menu__actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--chakra-colors-smart-border);
}

.ez-btn-primary {
  background: linear-gradient(90deg, #4FACFE 0%, #00E5FF 50%, #00D9FF 100%);
  color: #ffffff;
  font-weight: 700;
  border: none;
  padding: 0.9rem 1.5rem;
  border-radius: 9999px;
  cursor: pointer;
  font-size: 1rem;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 18px rgba(79, 172, 254, 0.35);
}

.ez-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(0, 217, 255, 0.4);
}

.ez-btn-ghost {
  background: transparent;
  color: var(--chakra-colors-smart-secondary);
  border: 1px solid var(--chakra-colors-smart-border);
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  cursor: pointer;
  font-size: 0.95rem;
  transition: border-color 0.2s, color 0.2s;
}

.ez-btn-ghost:hover {
  border-color: var(--chakra-colors-brand);
  color: var(--chakra-colors-brand);
}

/* Swiper rank cards */
.mnaf .home-swiper .swiper-slide {
  transition: transform 0.3s;
}

.mnaf .home-swiper .swiper-slide-active .css-1spklcn {
  border-color: rgba(79, 172, 254, 0.3) !important;
}

.mnaf .swiper-pagination-bullet-active {
  background: var(--chakra-colors-brand) !important;
  transform: scale(1.2);
}

/* Marquee */
.mnaf .rfm-marquee-container:hover .rfm-child {
  color: #C4B5FD;
}

/* Search highlight */
.mnaf .ez-search-hit {
  outline: 1px solid rgba(79, 172, 254, 0.3);
  outline-offset: 4px;
  border-radius: 8px;
}

/* Step numbers glow */
.mnaf .css-ktvlzn {
  transition: transform 0.3s, box-shadow 0.3s;
}

.mnaf .css-gmdyhk:hover .css-ktvlzn,
.mnaf .css-1dbh5tq:hover .css-ktvlzn,
.mnaf .css-vuadjr:hover .css-ktvlzn {
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(79, 172, 254, 0.4);
}

/* ── Mobile responsive fixes ── */
@media screen and (max-width: 47.9975rem) {
  .mnaf .ez-menu-toggle {
    display: flex;
  }

  .mnaf .css-1ctkjri {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  .mnaf .css-upycik {
    display: none !important;
  }

  .mnaf .css-1n9zx29 {
    display: none !important;
  }

  .mnaf .css-jn5hy5 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .mnaf .css-sfv4qq {
    width: 100%;
  }

  .mnaf .css-h4hg8f {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .mnaf .css-1v92mtc {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .mnaf .css-1uk6060 {
    padding: 1.5rem 1rem !important;
  }

  .mnaf .css-1lu8yg4 {
    width: 120px !important;
    height: 140px !important;
  }

  .mnaf .css-i17g94 {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .mnaf .css-1qj1n3 {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }

  .mnaf .css-1brdjgz,
  .mnaf .css-umj1qh {
    width: 100% !important;
  }

  .mnaf .css-4q69ex {
    flex-direction: column !important;
    align-items: center !important;
  }

  .mnaf .css-10wjy44 {
    flex-direction: column !important;
  }

  .mnaf .css-fybcnu,
  .mnaf .css-1nhu7dl {
    width: 100% !important;
  }

  .mnaf .css-1xvuieg,
  .mnaf .css-13arn58,
  .mnaf .css-1klcq6k {
    font-size: 1.5rem !important;
    text-align: center;
  }

  .mnaf .css-1gcwma9 {
    flex-direction: column !important;
  }

  .mnaf .css-b8xuse {
    max-width: 100% !important;
    margin-top: 1.5rem;
  }

  .mnaf .home-swiper {
    padding-bottom: 2.5rem;
  }

  .mnaf .css-1spklcn {
    min-height: auto !important;
  }

  .mnaf .css-wevn4r {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
  }

  .mnaf .css-1a10qig {
    gap: 1rem;
    text-align: center;
  }

  .mnaf .chakra-popover__positioner {
    right: 0.5rem !important;
    left: 0.5rem !important;
    width: auto !important;
  }

  .mnaf .chakra-popover__content {
    width: 100% !important;
  }
}

@media screen and (min-width: 30rem) and (max-width: 47.9975rem) {
  .mnaf .css-h4hg8f {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (max-width: 29.9975rem) {
  .mnaf .css-emkzrp {
    font-size: 0.85rem !important;
    letter-spacing: 0.02em;
  }

  .mnaf .css-1l127hh {
    font-size: 1.75rem !important;
  }

  .mnaf .css-1234pqm {
    width: 100%;
    max-width: 280px;
  }

  .mnaf .css-ro13q4 {
    display: flex;
    justify-content: center;
  }

  .mnaf .css-jh2k3n {
    padding-inline: 0.75rem;
  }

  .mnaf .rfm-child {
    font-size: 0.8rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mnaf .ez-reveal,
  .mnaf .ez-hero-item,
  .mnaf .ez-cta-pulse {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}