article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; vertical-align: baseline; box-sizing: border-box; color: rgb(255, 255, 255); font-family: font; font-weight: 200; -webkit-tap-highlight-color: transparent; }
.dnone { display: none; }
a { text-decoration: none; }
input, textarea { box-sizing: border-box; }
.free_img { width: 0px; height: 0px; display: flex; justify-content: center; align-items: center; position: relative; }
html { scroll-behavior: smooth; background: rgb(0, 0, 0); }
.container { padding: 0px 96px; width: 100%; max-width: 1800px; margin: 0px auto; }
@media (max-width: 1200px) {
  .container { padding: 0px 48px; }
}
@media (max-width: 900px) {
  .container { padding: 0px 12px; }
}
.containerSmall { padding: 0px 48px; width: 100%; max-width: 1600px; margin: 0px auto; }
@media (max-width: 1200px) {
  .containerSmall { padding: 0px 48px; }
}
@media (max-width: 900px) {
  .containerSmall { padding: 0px 12px; }
}
.containerLarge { width: 100%; max-width: 2000px; margin: 0px auto; }
.App { width: 100%; overflow: hidden; }
.App_content { transition: opacity 0.5s; }
@font-face { font-family: font; src: url("./fonts/light.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: font; src: url("./fonts/bold.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
.Header { position: fixed; background: linear-gradient(rgb(0, 0, 0) 60%, rgba(0, 0, 0, 0)); top: 0px; width: 100%; z-index: 6; }
.Header_logo { cursor: pointer; }
@media (max-width: 800px) {
  .Header_logo img { height: 20px; }
}
.Header_inner { z-index: 99; display: flex; justify-content: space-between; align-items: center; padding: 60px 90px !important; }
@media (max-width: 1200px) {
  .Header_inner { padding: 40px !important; }
}
@media (max-width: 950px) {
  .Header_inner { padding: 12px !important; }
}
.Header_nav { display: flex; align-items: center; column-gap: 24px; }
@media (max-width: 950px) {
  .Header_nav { display: none; }
}
.Header_opener { display: none; min-height: 70px; min-width: 70px; }
@media (max-width: 950px) {
  .Header_opener { display: flex; align-items: center; justify-content: center; }
}
.Header_opener_line { min-width: 30px; min-height: 4px; background: rgb(255, 255, 255); border-radius: 2px; }
.Header_opener_line_wrapper { transition: opacity 0.3s, rotate 0.3s, transform 0.3s; }
.Header_opener_line_wrapper:nth-child(1) { top: -8px; }
.Header_opener_line_wrapper:nth-child(3) { top: 8px; }
.Header_opener_open .Header_opener_line_wrapper:nth-child(1) { rotate: 45deg; transform: translateY(12px); }
.Header_opener_open .Header_opener_line_wrapper:nth-child(2) { opacity: 0; }
.Header_opener_open .Header_opener_line_wrapper:nth-child(3) { rotate: -45deg; transform: translateY(-12px); }
.Header_mm { position: fixed; top: 0px; left: 0px; min-width: 100vw; min-height: 100vh; background: linear-gradient(to left, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0)); z-index: 5; padding-right: 24px; padding-top: 148px; transition: transform 0.5s; pointer-events: none; }
.Header_mm_inner { max-width: calc(-48px + 100vw); display: flex; flex-flow: column wrap; row-gap: 24px; align-content: flex-end; align-items: end; }
.HeaderNavEl { display: flex; align-items: center; cursor: pointer; border-bottom: 2px solid rgba(255, 255, 255, 0); transition: border-bottom 0.5s; padding-bottom: 8px; max-width: fit-content; }
.HeaderNavEl_bold { justify-content: left; font-weight: 400; pointer-events: none; opacity: 0; letter-spacing: -0.7px; }
.HeaderNavEl_regular, .HeaderNavEl_bold { transition: opacity 0.5s, color 0.5s; font-size: 16px; }
.HeaderNavEl_regular { color: rgba(255, 255, 255, 0.8); }
.HeaderNavEl:hover { border-bottom: 2px solid rgba(255, 255, 255, 0.533); }
.HeaderNavEl:hover .HeaderNavEl_regular { color: rgb(255, 255, 255); }
.HeaderNavEl:hover { border-bottom: 2px solid white; }
.HeaderNavEl:hover .HeaderNavEl_bold { opacity: 1; }
.HeaderNavEl:hover .HeaderNavEl_regular { color: rgb(255, 255, 255); opacity: 0; }
.Button { padding: 14px 22px; font-weight: 400; display: flex; align-items: center; column-gap: 16px; font-size: 16px; border-radius: 14px; cursor: pointer; transition: background-color 0.3s, color 0.3s, border 0.3s; }
@media (max-width: 1200px) {
  .Button { padding: 12px 18px; font-size: 16px; border-radius: 10px; column-gap: 16px; }
}
@media (max-width: 800px) {
  .Button { border-radius: 8px; padding: 8px 12px; font-size: 12px; column-gap: 12px; }
}
.Button_color_black { color: rgb(0, 0, 0); }
.Button_color_white { color: rgb(255, 255, 255); }
.Button_color_white:hover { color: rgb(0, 0, 0); }
.Button_bg_transparent { background-color: rgba(0, 0, 0, 0); }
.Button_bg_transparent:hover { background-color: rgb(255, 255, 255); }
.Button_bg_blue { background-color: rgb(67, 139, 254); }
.Button_bg_blue:hover { background-color: rgb(255, 255, 255); }
.Button_bg_black { background-color: rgb(0, 0, 0); }
.Button_bg_black:hover { background-color: rgb(255, 255, 255); }
.Button_border_transparent { border: 1px solid rgba(0, 0, 0, 0); }
.Button_border_white { border: 1px solid rgb(255, 255, 255); }
.Button_border_black, .Button_border:hover { border: 1px solid rgb(0, 0, 0); }
.Button_arrow img { transition: transform 0.3s; transform: rotate(0deg); }
@media (max-width: 800px) {
  .Button_arrow img { width: 12px; }
}
.Button_arrow:hover img { transform: rotate(45deg); }
.Hero { min-height: calc(var(--vh) * 100); display: flex; align-content: space-between; flex-wrap: wrap; width: 100%; padding-bottom: calc(var(--vh) * 8) !important; }
@media (max-width: 700px) {
  .Hero { min-height: calc(var(--vh) * 90); }
}
.Hero_bg { width: 100% !important; top: calc(var(--vh) * 50); }
.Hero_bgs { width: 100%; }
.Hero_bg video { filter: contrast(1.1) blur(0.5px); min-width: 100vw; }
@media (max-width: 700px) {
  .Hero_bg video { filter: contrast(1.1); min-width: 200vw; position: relative; left: -20vw; top: calc(var(--vh) * -10); }
}
.Hero_bg img { display: none; }
@media (max-width: 700px) {
  .Hero_bg img { filter: contrast(1.15); display: block; min-width: 200vw; position: relative; left: -20vw; top: calc(var(--vh) * -10); }
}
.Hero_cta { display: flex; align-items: center; column-gap: 24px; }
@media (max-width: 600px) {
  .Hero_cta { justify-content: right; width: 100%; }
}
.Hero_content { z-index: 2; display: flex; width: 100%; align-items: end; justify-content: space-between; }
@media (max-width: 600px) {
  .Hero_content { flex-wrap: wrap; row-gap: 20px; }
}
.Hero_header { max-width: 650px; }
.Hero_header_small, .Hero_header_small span { max-width: 580px; font-size: 20px; }
@media (max-width: 1200px) {
  .Hero_header_small, .Hero_header_small span { font-size: 16px; }
}
@media (max-width: 800px) {
  .Hero_header_small, .Hero_header_small span { font-size: 12px; }
}
.Hero_header_small span, .Hero_header_small span span { font-weight: 400; }
.Hero_header_large, .Hero_header_large span { font-size: 36px; font-weight: 400; }
@media (max-width: 1200px) {
  .Hero_header_large, .Hero_header_large span { font-size: 32px; font-weight: 400; }
}
@media (max-width: 800px) {
  .Hero_header_large, .Hero_header_large span { font-size: 24px; }
}
.Hero_header_large span, .Hero_header_large span span { color: rgb(67, 139, 254); }
.Advantages { display: flex; align-items: start; justify-content: center; gap: 96px; margin: 96px auto 0px; position: relative; z-index: 2; }
@media (max-width: 1600px) {
  .Advantages { gap: 24px; }
}
@media (max-width: 800px) {
  .Advantages { flex-wrap: wrap; margin-top: 24px; }
}
.Advantages_element { min-height: 230px; width: 100%; padding: 24px; border: 1px solid rgb(255, 255, 255); border-radius: 14px; display: flex; flex-direction: column; justify-content: space-between; }
@media (max-width: 800px) {
  .Advantages_element { min-height: unset; max-width: 500px; }
}
.Advantages_element_header { font-size: 24px; font-weight: 400; }
@media (max-width: 1200px) {
  .Advantages_element_header { font-size: 22px; font-weight: 400; }
}
@media (max-width: 800px) {
  .Advantages_element_header { font-size: 18px; }
}
.Advantages_element_content { margin-top: 24px; font-size: 20px; font-weight: 400; }
@media (max-width: 1200px) {
  .Advantages_element_content { font-size: 16px; margin-top: 20px; }
}
@media (max-width: 800px) {
  .Advantages_element_content { margin-top: 16px; font-size: 12px; }
}
.InfoBlock { min-height: calc(var(--vh) * 100); align-content: space-between; display: flex; flex-wrap: wrap; padding-bottom: 24px; }
@media (max-width: 800px) {
  .InfoBlock { min-height: unset; }
}
.InfoBlock_TECHNOLOGY { margin-top: 192px; }
.InfoBlock_bg { width: 100% !important; top: calc(var(--vh) * 50); }
@media (max-width: 800px) {
  .InfoBlock_bg { height: calc(var(--vh) * 30); top: calc(var(--vh) * 0); }
}
.InfoBlock_bg video { min-width: 100vw; filter: contrast(1.2) blur(1px); }
@media (max-width: 800px) {
  .InfoBlock_bg video { filter: contrast(1.1); min-width: 150vw; top: 0vw; position: relative; }
}
.InfoBlock_header { width: 100%; font-size: 32px; font-weight: 400; }
@media (max-width: 1200px) {
  .InfoBlock_header { font-size: 28px; }
}
@media (max-width: 800px) {
  .InfoBlock_header { font-size: 24px; }
}
.InfoBlock_content { z-index: 2; flex-wrap: wrap; align-items: end; display: flex; margin-top: 24px; gap: 32px 192px; }
@media (max-width: 1800px) {
  .InfoBlock_content { column-gap: 96px; }
}
@media (max-width: 1400px) {
  .InfoBlock_content { column-gap: 48px; }
}
@media (max-width: 1000px) {
  .InfoBlock_content { flex-wrap: wrap; row-gap: 32px; }
}
@media (max-width: 800px) {
  .InfoBlock_content { margin-top: 12px; row-gap: 16px; }
}
.InfoBlock_column { display: flex; flex-wrap: wrap; row-gap: 24px; max-width: 700px; }
@media (max-width: 1720px) {
  .InfoBlock_column { max-width: 530px; }
}
@media (max-width: 1320px) {
  .InfoBlock_column { row-gap: 12px; max-width: 400px; }
}
@media (max-width: 800px) {
  .InfoBlock_column { max-width: 600px; row-gap: 6px; }
}
.InfoBlock_column_header { font-size: 20px; }
@media (max-width: 800px) {
  .InfoBlock_column_header { font-size: 16px; }
}
.InfoBlock_row { width: 100%; min-height: 70px; padding-left: 24px; font-size: 24px; font-weight: 400; align-items: center; display: flex; }
@media (max-width: 1320px) {
  .InfoBlock_row { font-size: 20px; min-height: 55px; padding-left: 18px; }
}
@media (max-width: 800px) {
  .InfoBlock_row { font-size: 18px; min-height: 32px; }
}
.InfoBlock_row_0 { border-left: 0.7px solid rgb(67, 139, 254); }
.InfoBlock_row_1 { border-left: 0.7px solid rgb(255, 255, 255); }
.Stages { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 0; min-height: 1200px; }
@media (max-width: 1550px) {
  .Stages { min-height: 800px; }
}
@media (max-width: 800px) {
  .Stages { margin-bottom: 0px; margin-top: 96px; min-height: 0px; flex-wrap: wrap; position: relative; z-index: 3; }
}
.Stages_bg { justify-content: left !important; left: -200px; }
@media (max-width: 800px) {
  .Stages_bg { left: 15vw; height: 300px; width: 100%; }
}
@media (max-width: 500px) {
  .Stages_bg { left: -5vw; }
}
.Stages_bg video { filter: contrast(1.2) blur(1px); max-height: 1000px; min-height: 1000px; min-width: 1900px; }
@media (max-height: 1000px) {
  .Stages_bg video { max-height: 100vh; min-height: 100vh; }
}
@media (max-width: 1550px) {
  .Stages_bg video { min-height: unset; min-width: 100vw; }
}
@media (max-width: 800px) {
  .Stages_bg video { min-width: 130vw; filter: contrast(1.1); }
}
@media (max-width: 500px) {
  .Stages_bg video { min-width: 200vw; }
}
.Stages_content { z-index: 2; width: 100%; max-width: 600px; }
@media (max-width: 800px) {
  .Stages_content { max-width: 800px; width: 100%; }
}
.StagesEl { border-bottom: 1px solid rgb(255, 255, 255); padding: 24px 0px; display: flex; justify-content: space-between; align-items: start; column-gap: 24px; }
@media (max-width: 1200px) {
  .StagesEl { padding: 18px 0px; }
}
@media (max-width: 800px) {
  .StagesEl { padding: 12px 0px; max-width: 500px; margin: 0px auto; }
}
.StagesEl_header { font-weight: 400; font-size: 32px; }
@media (max-width: 1200px) {
  .StagesEl_header { font-size: 24px; }
}
@media (max-width: 800px) {
  .StagesEl_header { font-size: 18px; }
}
.StagesEl_header span { font-weight: 200; font-size: 20px; position: relative; top: -10px; }
@media (max-width: 1200px) {
  .StagesEl_header span { top: -6px; font-size: 16px; }
}
@media (max-width: 800px) {
  .StagesEl_header span { top: -4px; font-size: 12px; }
}
.StagesEl_last { border-bottom: 1px solid rgba(255, 255, 255, 0); }
.StagesEl_body { overflow: hidden; height: 0px; transition: height 0.3s; }
.StagesEl_bodyInner { padding-top: 12px; display: block; font-size: 20px; }
@media (max-width: 1200px) {
  .StagesEl_bodyInner { font-size: 16px; }
}
@media (max-width: 800px) {
  .StagesEl_bodyInner { font-size: 12px; }
}
.StagesEl_button { min-height: 58px; min-width: 58px; max-height: 58px; max-width: 58px; border-radius: 100px; border: 2px solid rgb(255, 255, 255); background-color: rgba(67, 139, 254, 0); display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 200; cursor: pointer; transition: background-color 0.3s, color 0.3s, border 0.3s; }
@media (max-width: 1200px) {
  .StagesEl_button { border: 1px solid rgb(255, 255, 255); min-height: 40px; min-width: 40px; max-height: 40px; max-width: 40px; }
}
.StagesEl_button_opened { background-color: rgb(67, 139, 254); color: rgb(0, 0, 0); border: 2px solid rgb(67, 139, 254); }
.StagesEl_button_line { min-width: 24px; min-height: 2px; background-color: rgb(255, 255, 255); transition: background-color 0.3s, opacity 0.3s; opacity: 1; }
@media (max-width: 1200px) {
  .StagesEl_button_line { min-height: 1.5px; min-width: 18px; }
}
.StagesEl_button_line_wrapper:nth-child(1) { transform: rotate(90deg); }
.StagesEl_button_line_hide { opacity: 0; }
.StagesEl_button:hover { background-color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); }
.StagesEl_button:hover .StagesEl_button_line { background-color: rgb(0, 0, 0); }
.Utility { padding-top: 192px; position: relative; z-index: 2; }
@media (max-width: 800px) {
  .Utility { padding-top: 96px; }
}
.Utility_list { display: flex; width: fit-content; transition: transform 0.5s; }
.Utility_list_wrapper { margin-top: 32px; width: 100%; }
.Utility_element { min-width: 800px; max-width: 800px; min-height: 600px; display: flex; align-content: space-between; flex-wrap: wrap; overflow: hidden; }
@media (max-width: 1800px) {
  .Utility_element { min-height: 600px; }
}
@media (max-width: 1600px) {
  .Utility_element { min-width: 600px; max-width: 600px; min-height: 500px; }
}
@media (max-width: 1300px) {
  .Utility_element { min-width: 600px; max-width: 600px; min-height: 350px; }
}
@media (max-width: 800px) {
  .Utility_element { min-width: 100vw; max-width: 100vw; }
}
.Utility_element_bg { width: 100% !important; top: 200px; }
@media (max-width: 1800px) {
  .Utility_element_bg { top: 200px; }
}
@media (max-width: 1600px) {
  .Utility_element_bg { top: 150px; }
}
@media (max-width: 1300px) {
  .Utility_element_bg { top: 175px; }
}
.Utility_element_bg video { min-height: 600px; max-height: 600px; filter: contrast(1.2) blur(1px); transform: translateZ(0px); object-fit: cover; }
@media (max-width: 1800px) {
  .Utility_element_bg video { min-height: 600px; max-height: 600px; }
}
@media (max-width: 1600px) {
  .Utility_element_bg video { min-height: 500px; max-height: 500px; }
}
@media (max-width: 1300px) {
  .Utility_element_bg video { min-height: 350px; max-height: 350px; }
}
@media (max-width: 800px) {
  .Utility_element_bg video { filter: contrast(1.1); }
}
.Utility_element_content { width: 100%; position: relative; z-index: 2; padding: 96px; background: linear-gradient(to top, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0)); transform: translateZ(0px); }
@media (max-width: 1600px) {
  .Utility_element_content { padding: 48px; }
}
@media (max-width: 1200px) {
  .Utility_element_content { padding: 24px; }
}
.Utility_element_header { width: 100%; font-weight: 400; font-size: 24px; }
@media (max-width: 1200px) {
  .Utility_element_header { font-size: 22px; }
}
@media (max-width: 800px) {
  .Utility_element_header { font-size: 18px; }
}
.Utility_element_header span { font-size: 20px; font-weight: 200; position: relative; top: -10px; }
@media (max-width: 1200px) {
  .Utility_element_header span { top: -8px; font-size: 16px; }
}
@media (max-width: 800px) {
  .Utility_element_header span { top: -5px; font-size: 12px; }
}
.Utility_element_desc { margin-top: 20px; font-size: 16px; }
.SliderNav { display: flex; justify-content: space-between; align-items: end; }
@media (max-width: 500px) {
  .SliderNav { flex-wrap: wrap; }
}
@media (max-width: 500px) {
  .SliderNav_header { width: 100%; }
}
.SliderNav_header_large { font-size: 32px; font-weight: 400; }
@media (max-width: 1200px) {
  .SliderNav_header_large { font-size: 28px; }
}
@media (max-width: 800px) {
  .SliderNav_header_large { font-size: 22px; }
}
.SliderNav_header_small { margin-top: 24px; font-size: 20px; max-width: 850px; }
@media (max-width: 1200px) {
  .SliderNav_header_small { font-size: 16px; margin-top: 20px; }
}
@media (max-width: 800px) {
  .SliderNav_header_small { font-size: 12px; margin-top: 16px; }
}
.SliderNav_nav { display: flex; align-items: center; column-gap: 24px; }
@media (max-width: 500px) {
  .SliderNav_nav { height: 0px; width: 100%; justify-content: right; top: 70px; left: -16px; position: relative; column-gap: 12px; z-index: 2; }
}
.SliderNav_nav_el { min-width: 58px; min-height: 58px; max-width: 58px; max-height: 58px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0); border-radius: 14px; cursor: pointer; }
@media (max-width: 500px) {
  .SliderNav_nav_el { border-radius: 8px; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; }
}
.SliderNav_nav_el { transition: background-color 0.3s; }
.SliderNav_nav_el img { transition: filter 0.3s; }
@media (max-width: 1200px) {
  .SliderNav_nav_el img { width: 10px; }
}
.SliderNav_nav_el:nth-child(2) img { rotate: 180deg; }
.SliderNav_nav_el:hover { background-color: rgb(255, 255, 255); }
.SliderNav_nav_el:hover img { filter: invert(1); }
@media (max-width: 800px) {
  .SliderNav_nav_el:hover { background-color: rgba(255, 255, 255, 0); }
  .SliderNav_nav_el:hover img { filter: invert(0); }
}
.Roadmap { padding-top: 96px; }
.Roadmap_list { display: flex; width: fit-content; transition: transform 0.5s; }
.Roadmap_list_wrapper { margin-top: 32px; width: 100%; }
.Roadmap_el { padding: 24px; border-radius: 14px; border: 1px solid rgb(255, 255, 255); min-width: 560px; max-width: 560px; margin-right: 24px; display: flex; flex-direction: column; justify-content: space-between; }
@media (max-width: 1200px) {
  .Roadmap_el { margin-right: 18px; min-height: unset; min-width: 440px; max-width: 440px; }
}
@media (max-width: 500px) {
  .Roadmap_el { min-width: calc(-24px + 100vw); max-width: calc(-24px + 100vw); }
}
.Roadmap_el_t { font-size: 20px; }
.Roadmap_el_header { font-weight: 400; font-size: 24px; margin-top: 24px; }
@media (max-width: 1200px) {
  .Roadmap_el_header { font-size: 22px; }
}
@media (max-width: 800px) {
  .Roadmap_el_header { font-size: 18px; }
}
.Roadmap_el_content { display: flex; flex-wrap: wrap; margin-top: 24px; row-gap: 8px; }
@media (max-width: 1200px) {
  .Roadmap_el_content { margin-top: 18px; }
}
@media (max-width: 800px) {
  .Roadmap_el_content { margin-top: 12px; }
}
.Roadmap_el_content_el { min-height: 48px; font-weight: 400; font-size: 20px; padding-left: 24px; display: flex; align-items: center; }
@media (max-width: 1200px) {
  .Roadmap_el_content_el { font-size: 16px; min-height: 24px; padding-left: 18px; }
}
@media (max-width: 800px) {
  .Roadmap_el_content_el { font-size: 12px; padding-left: 12px; }
}
.Roadmap_el_content_el_0 { border-left: 0.7px solid rgb(67, 139, 254); }
.Roadmap_el_content_el_1 { border-left: 0.7px solid rgb(255, 255, 255); }
.Join { margin-top: 192px; }
@media (max-width: 800px) {
  .Join { margin-top: 96px; }
}
@media (max-width: 1200px) {
  .Join { padding: 0px !important; }
}
.Join_inner { border-radius: 14px; background: rgb(255, 255, 255); padding: 96px; display: flex; align-items: end; justify-content: space-between; gap: 32px; }
@media (max-width: 1600px) {
  .Join_inner { padding: 48px; }
}
@media (max-width: 1200px) {
  .Join_inner { border-radius: 0px; padding: 32px; }
}
@media (max-width: 800px) {
  .Join_inner { flex-wrap: wrap; }
}
@media (max-width: 500px) {
  .Join_inner { padding: 32px 12px; }
}
.Join_header { max-width: 760px; }
.Join_header_small, .Join_header_large { color: rgb(0, 0, 0); }
.Join_header_large { font-weight: 400; font-size: 32px; }
@media (max-width: 1200px) {
  .Join_header_large { font-size: 28px; font-weight: 400; }
}
@media (max-width: 800px) {
  .Join_header_large { font-size: 22px; }
}
.Join_header_small { margin-top: 24px; font-size: 20px; }
@media (max-width: 1200px) {
  .Join_header_small { margin-top: 20px; font-size: 16px; }
}
@media (max-width: 800px) {
  .Join_header_small { margin-top: 16px; font-size: 12px; }
}
.Join_cta { display: flex; gap: 24px; }
@media (max-width: 1700px) {
  .Join_cta { gap: 12px; justify-content: right; flex-wrap: wrap; }
}
@media (max-width: 800px) {
  .Join_cta { width: 100%; }
}
.Footer { margin-top: 192px; border-top: 0.7px solid rgba(255, 255, 255, 0.533); }
@media (max-width: 800px) {
  .Footer { margin-top: 96px; }
}
.Footer_nav { display: flex; column-gap: 24px; }
@media (max-width: 1520px) {
  .Footer_nav { order: 3; width: 100%; justify-content: center; margin-top: 32px; }
}
@media (max-width: 1300px) {
  .Footer_nav { display: none; }
}
.Footer_row { display: flex; justify-content: space-between; margin-top: 96px; flex-wrap: wrap; }
@media (max-width: 1200px) {
  .Footer_row { margin-top: 48px; }
}
@media (max-width: 800px) {
  .Footer_row { margin-top: 24px; justify-content: center; flex-wrap: wrap; gap: 24px; }
}
.Footer_media { width: 280px; }
.Footer_logo { display: flex; align-items: center; column-gap: 12px; width: 280px; }
.Footer_logo_img { width: 56px; height: 56px; border-radius: 8px; }
@media (max-width: 500px) {
  .Footer_logo_img { width: 40px; height: 40px; }
}
@media (max-width: 500px) {
  .Footer_logo_text { height: 20px; }
}
.Footer_rights { text-align: center; margin-top: 96px; margin-bottom: 48px; font-size: 14px; }
@media (max-width: 800px) {
  .Footer_rights { margin-top: 48px; padding-bottom: 24px; font-size: 12px; opacity: 0.7; }
}
.Media { display: flex; align-items: center; justify-content: center; gap: 8px; }
.Media_el { min-width: 64px; min-height: 64px; max-width: 64px; max-height: 64px; cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 14px; background-color: rgba(0, 0, 0, 0); transition: background-color 0.3s; }
.Media_el img { transition: filter 0.3s; height: 36px; }
.Media_el:hover { background-color: rgb(255, 255, 255); }
.Media_el:hover img { filter: invert(1); }
.Form { padding: 0px 12px; display: flex; min-height: calc(var(--vh) * 95); justify-content: center; align-items: center; flex-direction: column; }
.Form_header { font-size: 40px; font-weight: 400; text-align: center; }
@media (max-width: 1200px) {
  .Form_header { font-size: 32px; }
}
@media (max-width: 800px) {
  .Form_header { font-size: 24px; }
}
.Form_subheader { font-size: 20px; font-weight: 400; margin-top: 16px; text-align: center; }
@media (max-width: 1200px) {
  .Form_subheader { font-size: 16px; margin-top: 12px; }
}
@media (max-width: 800px) {
  .Form_subheader { font-size: 12px; margin-top: 8px; }
}
.Form_input { margin-top: 40px; width: 100%; max-width: 800px; display: flex; justify-content: center; align-items: center; }
@media (max-width: 1200px) {
  .Form_input { margin-top: 32px; }
}
@media (max-width: 800px) {
  .Form_input { margin-top: 24px; }
}
.Form_input_decor { justify-content: right; right: 24px; pointer-events: none; transition: opacity 0.2s; }
@media (max-width: 1200px) {
  .Form_input_decor { right: 18px; }
}
@media (max-width: 800px) {
  .Form_input_decor { right: 12px; }
}
.Form_input_decor_shake { animation: 0.5s ease-out 0.2s 1 normal none running shake; }
@keyframes shake { 
  0% { transform: translate(0px); }
  20% { transform: translate(4px); }
  60% { transform: translate(-4px); }
  80% { transform: translate(0px); }
  100% { transform: translate(0px); }
}
.Form_input_decor_img { transition: filter 0.3s; }
@media (max-width: 1200px) {
  .Form_input_decor_img { width: 16px; }
}
@media (max-width: 800px) {
  .Form_input_decor_img { width: 12px; }
}
.Form_input_decor_img_l { min-width: 30px; max-width: 30px; }
@media (max-width: 1200px) {
  .Form_input_decor_img_l { min-width: 24px; max-width: 24px; }
}
@media (max-width: 800px) {
  .Form_input_decor_img_l { min-width: 18px; max-width: 18px; }
}
.Form_input_decor_img_focused { filter: invert(1); }
.Form_input input { font-size: 20px; width: 100%; max-width: 800px; background-color: rgba(0, 0, 0, 0); outline: none; border: 1px solid white; color: rgb(255, 255, 255); border-radius: 14px; padding: 16px 24px; font-family: font; font-weight: 400; transition: background-color 0.3s, color 0.3s; }
@media (max-width: 1200px) {
  .Form_input input { font-size: 16px; padding: 12px 18px; border-radius: 10px; }
}
@media (max-width: 800px) {
  .Form_input input { font-size: 12px; padding: 8px 12px; border-radius: 6px; }
}
.Form_input input:hover { background-color: rgba(255, 255, 255, 0.133); }
.Form_input input:focus { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
.Form_input input::placeholder { font-family: font; color: rgb(136, 136, 136); font-weight: 200; }
.Form_button { margin-top: 16px; width: 100%; max-width: 800px; padding: 24px 12px; background-color: rgb(67, 139, 254); border-radius: 14px; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 400; color: rgb(0, 0, 0); cursor: pointer; transition: background-color 0.3s, color 0.3s; }
@media (max-width: 1200px) {
  .Form_button { font-size: 16px; padding: 12px 18px; border-radius: 10px; margin-top: 12px; }
}
@media (max-width: 800px) {
  .Form_button { margin-top: 8px; font-size: 12px; padding: 8px 12px; border-radius: 6px; }
}
.Form_button:hover { background-color: rgb(255, 255, 255); }
.Form_button_sent { color: rgb(74, 222, 128); background-color: rgba(67, 139, 254, 0); cursor: default; }
.Form_button_sent:hover { background-color: rgba(67, 139, 254, 0); }
.Form_additional { margin-top: 16px; font-size: 20px; color: rgba(255, 255, 255, 0.533); text-align: center; }
@media (max-width: 1200px) {
  .Form_additional { font-size: 16px; margin-top: 12px; }
}
@media (max-width: 800px) {
  .Form_additional { font-size: 12px; margin-top: 8px; }
}

/* Partners Section Styles */
.Partners {
  padding: 120px 0;
  background-color: #000;
}

.Partners_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.Partners_title {
  font-family: font;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 2px;
  color: #888;
  margin-bottom: 60px;
}

.Partners_logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 80px;
}

.Partners_logo {
  display: flex;
  align-items: center;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

.Partners_logo:hover {
  opacity: 1;
}

.Partners_logo img {
  height: 50px;
  width: auto;
  filter: brightness(1);
}

@media (max-width: 768px) {
  .Partners {
    padding: 80px 0;
  }
  
  .Partners_logos {
    gap: 40px;
    justify-content: center;
  }
  
  .Partners_logo img {
    height: 40px;
  }
}

/* Partners Section Styles */
#partners-section {
  padding: 120px 0;
  background-color: #000;
}

#partners-section .Partners_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#partners-section .Partners_title {
  font-family: font;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 2px;
  color: #888;
  margin-bottom: 60px;
}

#partners-section .Partners_logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 80px;
}

#partners-section .Partners_logo {
  display: flex;
  align-items: center;
  opacity: 0.9;
  transition: opacity 0.3s ease;
  text-decoration: none;
}

#partners-section .Partners_logo:hover {
  opacity: 1;
}

#partners-section .Partners_logo img {
  height: 50px;
  width: auto;
}

@media (max-width: 768px) {
  #partners-section {
    padding: 80px 0;
  }
  
  #partners-section .Partners_logos {
    gap: 40px;
    justify-content: center;
  }
  
  #partners-section .Partners_logo img {
    height: 40px;
  }
}

/* Partners section */
#partners {
  min-height: auto;
  padding-bottom: 120px;
}

#partners .InfoBlock_header {
  margin-bottom: 48px;
}

#partners .Partners_logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;
}

#partners .Partners_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transition: opacity 0.3s;
}

#partners .Partners_logo:hover {
  opacity: 1;
}

#partners .Partners_logo img {
  max-height: 70px;
  max-width: 250px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

#partners .Partners_logo img[alt="APEX Accelerators"] {
  filter: none;
}

#partners .Partners_logo img[alt="APEX Accelerators"] {
  max-height: 90px;
  max-width: 300px;
}

#partners .Partners_logo_cyrene {
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

#partners .Partners_logo_cyrene .cyrene-icon {
  height: 70px;
  width: 70px;
  object-fit: contain;
  filter: none;
}

#partners .Partners_logo_cyrene .cyrene-wordmark {
  height: 50px;
  width: auto;
  object-fit: contain;
  filter: none;
}

@media (max-width: 900px) {
  #partners {
    padding: 80px 0;
  }
  #partners .Partners_logos {
    gap: 40px;
  }
  #partners .Partners_logo img {
    max-height: 50px;
  }
  #partners .Partners_logo_with_text img {
    max-height: 60px;
    max-width: 60px;
  }
}