.hidden {
  display: none;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.inset-0 {
  inset: 0;
}

.inset-x-0 {
  right: 0;
  left: 0;
}

.top-0 {
  top: 0;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.m-0 {
  margin: 0;
}

.mt-1 {
  margin-top: 4px;
}

.mt-3 {
  margin-top: 12px;
}

.mt-4 {
  margin-top: 16px;
}

.mt-6 {
  margin-top: 24px;
}

.mt-7 {
  margin-top: 28px;
}

.mt-9 {
  margin-top: 36px;
}

.mt-14 {
  margin-top: 56px;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.place-items-center {
  display: grid;
  place-items: center;
}

.gap-1 {
  gap: 4px;
}

.gap-3 {
  gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-5 {
  gap: 20px;
}

.gap-6 {
  gap: 24px;
}

.gap-8 {
  gap: 32px;
}

.gap-10 {
  gap: 40px;
}

.gap-12 {
  gap: 48px;
}

.gap-14 {
  gap: 56px;
}

.w-0 {
  width: 0;
}

.w-5 {
  width: 20px;
}

.w-6 {
  width: 24px;
}

.w-10 {
  width: 40px;
}

.w-full {
  width: 100%;
}

.h-0 {
  height: 0;
}

.h-5 {
  height: 20px;
}

.h-6 {
  height: 24px;
}

.h-10 {
  height: 40px;
}

.h-full {
  height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

[class~="min-h-[76px]"] {
  min-height: 76px;
}

.max-w-5xl {
  max-width: 1024px;
}

.max-w-7xl {
  max-width: 1280px;
}

[class~="max-w-[430px]"] {
  max-width: 430px;
}

[class~="max-w-[460px]"] {
  max-width: 460px;
}

[class~="max-w-[510px]"] {
  max-width: 510px;
}

[class~="max-w-[680px]"] {
  max-width: 680px;
}

.overflow-hidden {
  overflow: hidden;
}

.object-cover {
  object-fit: cover;
}

.opacity-80 {
  opacity: .8;
}

.rounded-xl {
  border-radius: 12px;
}

.rounded-full {
  border-radius: 9999px;
}

.border {
  border-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

[class~="border-cyan-200/10"] {
  border-color: rgba(165, 243, 252, .1);
}

[class~="border-cyan-200/20"] {
  border-color: rgba(165, 243, 252, .2);
}

[class~="border-cyan-200/40"] {
  border-color: rgba(165, 243, 252, .4);
}

[class~="bg-[#020d13]"] {
  background-color: #020d13;
}

[class~="bg-[#031019]"] {
  background-color: #031019;
}

[class~="bg-[#031019]/95"] {
  background-color: rgba(3, 16, 25, .95);
}

[class~="bg-[#03121a]"] {
  background-color: #03121a;
}

[class~="bg-[#051c29]"] {
  background-color: #051c29;
}

.backdrop-blur-xl {
  backdrop-filter: blur(24px);
}

.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}

.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}

.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.py-24 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.pt-32 {
  padding-top: 128px;
}

.pb-4 {
  padding-bottom: 16px;
}

.pb-20 {
  padding-bottom: 80px;
}

.p-6 {
  padding: 24px;
}

.text-center {
  text-align: center;
}

.text-white {
  color: #fff;
}

.text-xs {
  font-size: 12px;
}

.text-xl {
  font-size: 20px;
}

[class~="text-[10px]"] {
  font-size: 10px;
}

[class~="text-[11px]"] {
  font-size: 11px;
}

[class~="text-[13px]"] {
  font-size: 13px;
}

[class~="text-[14px]"] {
  font-size: 14px;
}

[class~="text-[15px]"] {
  font-size: 15px;
}

[class~="text-[16px]"] {
  font-size: 16px;
}

[class~="text-[clamp(42px,6vw,72px)]"] {
  font-size: clamp(42px, 6vw, 72px);
}

[class~="text-[clamp(42px,6vw,76px)]"] {
  font-size: clamp(42px, 6vw, 76px);
}

[class~="text-[clamp(42px,6vw,78px)]"] {
  font-size: clamp(42px, 6vw, 78px);
}

[class~="text-[clamp(44px,7vw,84px)]"] {
  font-size: clamp(44px, 7vw, 84px);
}

[class~="text-[clamp(52px,8vw,106px)]"] {
  font-size: clamp(52px, 8vw, 106px);
}

[class~="text-[#4fe2f2]"] {
  color: #4fe2f2;
}

[class~="text-[#7897a1]"] {
  color: #7897a1;
}

[class~="text-[#9fb8bf]"] {
  color: #9fb8bf;
}

[class~="text-[#f4c95d]"] {
  color: #f4c95d;
}

.text-cyan-100 {
  color: #cffafe;
}

.text-cyan-50\/82 {
  color: rgba(236, 254, 255, .82);
}

.font-extrabold {
  font-weight: 800;
}

.font-semibold {
  font-weight: 600;
}

.tracking-\[\.12em\] {
  letter-spacing: .12em;
}

.tracking-\[\.16em\] {
  letter-spacing: .16em;
}

.uppercase {
  text-transform: uppercase;
}

.underline {
  text-decoration-line: underline;
}

.no-underline {
  text-decoration: none;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.decoration-cyan-200\/40 {
  text-decoration-color: rgba(165, 243, 252, .4);
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

[class~="leading-[.92]"] {
  line-height: .92;
}

[class~="leading-[.94]"] {
  line-height: .94;
}

[class~="leading-[.95]"] {
  line-height: .95;
}

[class~="leading-[.96]"] {
  line-height: .96;
}

[class~="shadow-[0_0_24px_rgba(79,226,242,.22)]"] {
  box-shadow: 0 0 24px rgba(79, 226, 242, .22);
}

@media (min-width: 640px) {
  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:px-8 {
    padding-right: 32px;
    padding-left: 32px;
  }

  .sm\:py-20 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .sm\:py-32 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .sm\:p-10 {
    padding: 40px;
  }

  .sm\:text-lg {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }
}

@media (min-width: 1024px) {
  .lg\:px-10 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .lg\:pt-36 {
    padding-top: 144px;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:justify-self-end {
    justify-self: end;
  }

  [class~="lg:grid-cols-[1.05fr_.95fr]"] {
    grid-template-columns: 1.05fr .95fr;
  }

  [class~="lg:grid-cols-[.82fr_1.18fr]"] {
    grid-template-columns: .82fr 1.18fr;
  }

  [class~="lg:grid-cols-[.8fr_1.2fr]"] {
    grid-template-columns: .8fr 1.2fr;
  }

  [class~="lg:grid-cols-[.74fr_1.26fr]"] {
    grid-template-columns: .74fr 1.26fr;
  }

  [class~="lg:grid-cols-[.9fr_1.1fr]"] {
    grid-template-columns: .9fr 1.1fr;
  }
}