@import url("https://fonts.googleapis.com/css2?family=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
.shadow-dark {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.shadow-dark-l {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.28);
}

.shadow-light {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.shadow-light-l {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
}

.shadow-medium {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
}

.shadow-medium-l {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
}

.vnv-cover-shadow, .vnv-block, .vnv-feature {
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
}

@font-face {
  font-family: "Breakfast Icons";
  src: url("../font/Break-Icons/v4.0.5.woff?token=2312091219");
}
@font-face {
  font-family: "Breakfast Icons Fill";
  src: url("../font/Break-Icons/v4.0.5_Bold.woff?token=2311111526");
}
.vnv-article .image-bound img {
  border-radius: 16px;
}

.vnv-news-cover {
  display: flex;
}

.vnv-news-cover {
  align-items: center;
}

.vnv-timeline .vnv-timeline-title, .vnv-timeline, .vnv-news-cover {
  position: relative;
}

.vnv-timeline .vnv-timeline-title::before, .vnv-timeline::after, .vnv-timeline::before, .vnv-news-cover::after {
  position: absolute;
}

.vnv-article .image-bound img {
  overflow: hidden;
}

.vnv-cover-shadow, .vnv-block, .vnv-feature {
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}

.text-6xl-x4, .text-5xl-x4, .text-4xl-x4, .text-3xl-x4, .text-xxl-x4, .text-xl-x4, .text-l-x4, .text-m-x4, .text-s-x4, .text-xs-x4, .text-xxs-x4, .text-3xs-x4, .text-6xl-x2, .text-5xl-x2, .text-4xl-x2, .text-3xl-x2, .text-xxl-x2, .text-xl-x2, .text-l-x2, .text-m-x2, .text-s-x2, .text-xs-x2, .text-xxs-x2, .text-3xs-x2, .text-6xl, .text-5xl, .text-4xl, .text-3xl, .text-xxl, .text-xl, .text-l, .text-m, .text-s, .text-xs, .text-xxs, .text-3xs, input, .main-viewport, body {
  font-family: "Familjen Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.vnv-rb-subtitle, .vnv-rb-bigtitle {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.bg-vnv-light {
  background-color: #1211E2;
}
.bg-vnv-dark {
  background-color: #0D0940;
}
.bg-vnv-semidark {
  background-color: #01002D;
}

.color-valid {
  color: #3AC5EE !important;
}

.main-viewport, body {
  background-color: #0D0940;
}

.text-3xs {
  font-weight: 400;
}
.text-3xs.semibold {
  font-weight: 500;
}
.text-3xs.bold {
  font-weight: 600;
}

.text-xxs {
  font-weight: 400;
}
.text-xxs.semibold {
  font-weight: 500;
}
.text-xxs.bold {
  font-weight: 600;
}

.text-xs {
  font-weight: 400;
}
.text-xs.semibold {
  font-weight: 500;
}
.text-xs.bold {
  font-weight: 600;
}

.text-s {
  font-weight: 400;
}
.text-s.semibold {
  font-weight: 500;
}
.text-s.bold {
  font-weight: 600;
}

.text-m {
  font-weight: 400;
}
.text-m.semibold {
  font-weight: 500;
}
.text-m.bold {
  font-weight: 600;
}

.text-l {
  font-weight: 400;
}
.text-l.semibold {
  font-weight: 500;
}
.text-l.bold {
  font-weight: 600;
}

.text-xl {
  font-weight: 400;
}
.text-xl.semibold {
  font-weight: 500;
}
.text-xl.bold {
  font-weight: 600;
}

.text-xxl {
  font-weight: 400;
}
.text-xxl.semibold {
  font-weight: 500;
}
.text-xxl.bold {
  font-weight: 600;
}

.text-3xl {
  font-weight: 400;
}
.text-3xl.semibold {
  font-weight: 500;
}
.text-3xl.bold {
  font-weight: 600;
}

.text-4xl {
  font-weight: 400;
}
.text-4xl.semibold {
  font-weight: 500;
}
.text-4xl.bold {
  font-weight: 600;
}

.text-5xl {
  font-weight: 400;
}
.text-5xl.semibold {
  font-weight: 500;
}
.text-5xl.bold {
  font-weight: 600;
}

.text-6xl {
  font-weight: 400;
}
.text-6xl.semibold {
  font-weight: 500;
}
.text-6xl.bold {
  font-weight: 600;
}

.text-3xs-x2 {
  font-weight: 400;
}
.text-3xs-x2.semibold {
  font-weight: 500;
}
.text-3xs-x2.bold {
  font-weight: 600;
}

.text-xxs-x2 {
  font-weight: 400;
}
.text-xxs-x2.semibold {
  font-weight: 500;
}
.text-xxs-x2.bold {
  font-weight: 600;
}

.text-xs-x2 {
  font-weight: 400;
}
.text-xs-x2.semibold {
  font-weight: 500;
}
.text-xs-x2.bold {
  font-weight: 600;
}

.text-s-x2 {
  font-weight: 400;
}
.text-s-x2.semibold {
  font-weight: 500;
}
.text-s-x2.bold {
  font-weight: 600;
}

.text-m-x2 {
  font-weight: 400;
}
.text-m-x2.semibold {
  font-weight: 500;
}
.text-m-x2.bold {
  font-weight: 600;
}

.text-l-x2 {
  font-weight: 400;
}
.text-l-x2.semibold {
  font-weight: 500;
}
.text-l-x2.bold {
  font-weight: 600;
}

.text-xl-x2 {
  font-weight: 400;
}
.text-xl-x2.semibold {
  font-weight: 500;
}
.text-xl-x2.bold {
  font-weight: 600;
}

.text-xxl-x2 {
  font-weight: 400;
}
.text-xxl-x2.semibold {
  font-weight: 500;
}
.text-xxl-x2.bold {
  font-weight: 600;
}

.text-3xl-x2 {
  font-weight: 400;
}
.text-3xl-x2.semibold {
  font-weight: 500;
}
.text-3xl-x2.bold {
  font-weight: 600;
}

.text-4xl-x2 {
  font-weight: 400;
}
.text-4xl-x2.semibold {
  font-weight: 500;
}
.text-4xl-x2.bold {
  font-weight: 600;
}

.text-5xl-x2 {
  font-weight: 400;
}
.text-5xl-x2.semibold {
  font-weight: 500;
}
.text-5xl-x2.bold {
  font-weight: 600;
}

.text-6xl-x2 {
  font-weight: 400;
}
.text-6xl-x2.semibold {
  font-weight: 500;
}
.text-6xl-x2.bold {
  font-weight: 600;
}

.text-3xs-x4 {
  font-weight: 400;
}
.text-3xs-x4.semibold {
  font-weight: 500;
}
.text-3xs-x4.bold {
  font-weight: 600;
}

.text-xxs-x4 {
  font-weight: 400;
}
.text-xxs-x4.semibold {
  font-weight: 500;
}
.text-xxs-x4.bold {
  font-weight: 600;
}

.text-xs-x4 {
  font-weight: 400;
}
.text-xs-x4.semibold {
  font-weight: 500;
}
.text-xs-x4.bold {
  font-weight: 600;
}

.text-s-x4 {
  font-weight: 400;
}
.text-s-x4.semibold {
  font-weight: 500;
}
.text-s-x4.bold {
  font-weight: 600;
}

.text-m-x4 {
  font-weight: 400;
}
.text-m-x4.semibold {
  font-weight: 500;
}
.text-m-x4.bold {
  font-weight: 600;
}

.text-l-x4 {
  font-weight: 400;
}
.text-l-x4.semibold {
  font-weight: 500;
}
.text-l-x4.bold {
  font-weight: 600;
}

.text-xl-x4 {
  font-weight: 400;
}
.text-xl-x4.semibold {
  font-weight: 500;
}
.text-xl-x4.bold {
  font-weight: 600;
}

.text-xxl-x4 {
  font-weight: 400;
}
.text-xxl-x4.semibold {
  font-weight: 500;
}
.text-xxl-x4.bold {
  font-weight: 600;
}

.text-3xl-x4 {
  font-weight: 400;
}
.text-3xl-x4.semibold {
  font-weight: 500;
}
.text-3xl-x4.bold {
  font-weight: 600;
}

.text-4xl-x4 {
  font-weight: 400;
}
.text-4xl-x4.semibold {
  font-weight: 500;
}
.text-4xl-x4.bold {
  font-weight: 600;
}

.text-5xl-x4 {
  font-weight: 400;
}
.text-5xl-x4.semibold {
  font-weight: 500;
}
.text-5xl-x4.bold {
  font-weight: 600;
}

.text-6xl-x4 {
  font-weight: 400;
}
.text-6xl-x4.semibold {
  font-weight: 500;
}
.text-6xl-x4.bold {
  font-weight: 600;
}

header {
  border: 1px solid #1211E2;
  background: #0D0940;
  box-shadow: 0px -3px 23px 0px #1C459A inset;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  padding-top: 0px;
}
header .bf-nav .nav-items > .item {
  padding: 4px 12px;
}
header .bf-nav .nav-items > .item:hover {
  border-bottom: 1px solid var(--RB-25, #50FFA8);
  background: linear-gradient(180deg, rgba(28, 69, 154, 0) 31.31%, #3E7F61 114.1%);
}

.bf-input.small .button, .bf-input.small button, .bf-input.small input[type=submit] {
  border-radius: 8px 32px 32px 8px;
  border: 1px solid rgba(96, 219, 255, 0.29);
  box-shadow: 0px 0px 16px 0px rgba(0, 66, 141, 0.14);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 8px 12px 8px 12px;
  background: #080A37;
}
.bf-input .button, .bf-input button, .bf-input input[type=submit] {
  border-radius: 8px 32px 32px 8px;
  border: 1px solid rgba(96, 219, 255, 0.29);
  background: var(--Grad-Btn, linear-gradient(264deg, rgba(28, 69, 154, 0) -10.46%, #3B31C3 98.99%));
  box-shadow: 0px 0px 16px 0px rgba(0, 66, 141, 0.14);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.bf-input .button:hover, .bf-input button:hover, .bf-input input[type=submit]:hover {
  box-shadow: 0px 0px 21px 0px rgba(96, 219, 255, 0.29), 0px 0px 16px 0px rgba(0, 66, 141, 0.14);
}

.vn-banner-pad {
  padding: 72px;
  white-space: normal;
}

.vnv-rb-bigtitle {
  font-weight: 900;
  font-size: 126px;
  text-transform: uppercase;
  line-height: 100px;
}

.vnv-rb-subtitle {
  font-weight: 900;
  font-size: 58px;
  text-transform: uppercase;
  white-space: normal;
  line-height: 58px;
  background: var(--RB-25, linear-gradient(269deg, #50FFA8 -10.26%, #D8FFB3 97.03%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-backdrop-filter: blur(3.4834558964px);
          backdrop-filter: blur(3.4834558964px);
}

.vnv-rb-smalltitle {
  background: var(--RB-25, linear-gradient(269deg, #50FFA8 -10.26%, #D8FFB3 97.03%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 120%;
}

.vnv-rb-note {
  margin-left: 50%;
}

.vn-wave-form {
  height: 10vh;
  margin-top: 48px;
  mix-blend-mode: hard-light;
}

.vn-wave-h1 {
  width: 100vw;
}

.vn-polygon-mask {
  -webkit-mask-image: url(../media/polygon-mask.png);
  mask-image: url(../media/polygon-mask.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  box-shadow: 0px 0px 56px 0px #1211E2 inset;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
  aspect-ratio: 488/528;
  zoom: 0.8;
}

.vn-polygon-img {
  aspect-ratio: 488/528;
  width: 488px;
}

.vnv-bigtitle {
  font-size: 120px;
  line-height: 120px;
  font-weight: 900;
  text-transform: uppercase;
}

sp {
  color: #3AC5EE;
  display: inline;
}

h3 {
  font-size: 40px;
}

.vn-shape-blur {
  background-image: url(../media/shape-blur.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 10% -22%;
}

.vnv-feature:hover {
  transform: scale(1.05);
  mix-blend-mode: luminosity;
}

.vnv-highlight {
  color: #FFCC00;
}

.vnv-list-ai {
  list-style-image: url(../media/star.svg);
}

.vnv-block {
  border-radius: 32px;
  background: linear-gradient(0deg, rgba(0, 14, 43, 0.29) -8.51%, #020022 135.51%);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}
.vnv-block:hover {
  box-shadow: 0px 0px 2px 0px rgba(31, 93, 220, 0.63);
}
.vnv-block:hover .vnv-cover-shadow {
  transform: scale(1.03);
}

.color-blue {
  color: #3AC5EE;
}

.vn-wave-footer {
  width: 100vw;
}

.vnv-cover-shadow {
  box-shadow: 0px 3px 36px 0px #0F0A9C;
}

.vn-user-extension {
  position: fixed;
  right: 20px;
  top: auto;
  bottom: 20px;
  left: 20px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transform: translateY(120%);
}
.vn-user-extension.active {
  transform: translateY(0%);
  top: auto;
}

.bg-rbt-25 {
  background-color: #287451;
}

.vnv-rb-board {
  border-radius: 32px;
  background: linear-gradient(0deg, rgba(0, 14, 43, 0.29) -8.51%, #020022 135.51%);
  box-shadow: 2px -1px 0px 0px #2EEAFF, -2px -1px 0px 0px #2EEAFF, 0px -2px 0px 0px #2EEAFF;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

hr {
  margin: 0px;
  background: var(--Linear, linear-gradient(90deg, rgba(25, 63, 153, 0) 0%, #2969FF 49.72%, rgba(25, 63, 153, 0) 100%));
  height: 1px;
  border: none;
}

.vnv-min-view {
  min-width: 600px;
}

.vnv-rb-bg-2 {
  background: linear-gradient(0deg, #287451 0%, #0D0940 100%);
}

.vnv-rb-bg-3 {
  background: #287451;
}

.vnv-rb-bg-4 {
  background: linear-gradient(180deg, #287451 0%, #0D0940 100%);
}

.vnv-rb-nav {
  top: 57px;
}
.vnv-rb-nav::before, .vnv-rb-nav::after {
  content: "";
  background-image: url(../media/vnv-nav-chip.svg);
  background-size: 100% 100%;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 42px;
}
.vnv-rb-nav::before {
  left: 0px;
  transform: rotate(90deg);
}
.vnv-rb-nav::after {
  right: 0px;
}

.vnv-news-cover {
  height: 500px;
  justify-content: center;
  flex-direction: column;
}
.vnv-news-cover::after {
  content: "";
  z-index: 200;
  bottom: 0px;
  left: 0px;
  right: 0px;
  top: 0px;
  background: linear-gradient(0deg, #0D0940 0%, rgba(13, 9, 64, 0) 100%);
}

.vnv-rb-ground {
  background: var(--RB-25, linear-gradient(269deg, #50FFA8 -10.26%, #D8FFB3 97.03%));
}

.vnv-text-rb {
  color: #231F57;
}

.vnv-timeline {
  padding-top: 64px;
}
.vnv-timeline::before {
  content: "";
  width: 24px;
  height: 24px;
  background: var(--RB-25, linear-gradient(269deg, #50FFA8 -10.26%, #D8FFB3 97.03%));
  top: 0px;
  left: 4px;
  border-radius: 24px;
  z-index: 200;
}
.vnv-timeline::after {
  content: "";
  top: 12px;
  left: -22px;
  right: -2px;
  z-index: 100;
  border-top: 1px dashed #85FEAC;
}
.vnv-timeline.b-left::after {
  border-top: unset;
  border-left: 1px dashed #85FEAC;
  border-right: 1px dashed #85FEAC;
  bottom: -32px;
  right: -3px;
}
.vnv-timeline .vnv-timeline-title::before {
  content: "";
  background: var(--Linear, linear-gradient(180deg, #85FEAC 0%, rgba(80, 152, 103, 0) 100%));
  width: 1px;
  left: 14px;
  height: 28px;
  bottom: calc(100% + 8px);
  z-index: 100;
}

.vnv-article u {
  text-decoration: none;
}
.vnv-article h3 {
  color: #FFCC00;
}
.vnv-article blockquote {
  padding: 20px;
  margin: 0px;
  background-color: rgba(30, 87, 255, 0.3490196078);
}
.vnv-article .youtube-embed {
  height: 370px;
  border-radius: 16px;
}
.vnv-article table, .vnv-article tr, .vnv-article td, .vnv-article th {
  border: 1px solid #28254b;
  border-collapse: collapse;
}
.vnv-article th {
  background-color: #413e69;
}
.vnv-article tr:hover {
  background-color: #28254b !important;
}/*# sourceMappingURL=global.css.map */