/* [project]/styles/globals.css [client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
    }
  }
}

.relative {
  position: relative;
}

.container {
  width: 100%;
}

.mx-auto {
  margin-inline: auto;
}

.flex {
  display: flex;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[200px\] {
  height: 200px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

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

.w-\[70px\] {
  width: 70px;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[300px\] {
  width: 300px;
}

.w-full {
  width: 100%;
}

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

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

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

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

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

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

.overflow-hidden {
  overflow: hidden;
}

.rounded-full {
  border-radius: 3.40282e38px;
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-\[rgba\(11\,18\,32\,0\.10\)\] {
  border-color: #0b12201a;
}

.border-\[rgba\(95\,163\,162\,0\.22\)\] {
  border-color: #5fa3a238;
}

.border-\[rgba\(95\,163\,162\,0\.25\)\] {
  border-color: #5fa3a240;
}

.bg-\[rgba\(10\,20\,28\,0\.85\)\] {
  background-color: #0a141cd9;
}

.bg-\[rgba\(95\,163\,162\,0\.10\)\] {
  background-color: #5fa3a21a;
}

.bg-transparent {
  background-color: #0000;
}

.bg-\[linear-gradient\(180deg\,rgba\(8\,18\,24\,0\.9\)\,rgba\(6\,14\,20\,0\.9\)\)\] {
  background-image: linear-gradient(#081218e6, #060e14e6);
}

.bg-\[linear-gradient\(180deg\,rgba\(8\,18\,24\,0\.88\)\,rgba\(5\,12\,18\,0\.88\)\)\] {
  background-image: linear-gradient(#081218e0, #050c12e0);
}

.bg-\[linear-gradient\(180deg\,rgba\(8\,18\,24\,0\.92\)\,rgba\(6\,14\,20\,0\.92\)\)\] {
  background-image: linear-gradient(#081218eb, #060e14eb);
}

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

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

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.leading-\[1\.02\] {
  --tw-leading: 1.02;
  line-height: 1.02;
}

.tracking-\[0\.4em\] {
  --tw-tracking: .4em;
  letter-spacing: .4em;
}

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

.tracking-\[0\.18em\] {
  --tw-tracking: .18em;
  letter-spacing: .18em;
}

.tracking-\[0\.22em\] {
  --tw-tracking: .22em;
  letter-spacing: .22em;
}

.tracking-\[0\.35em\] {
  --tw-tracking: .35em;
  letter-spacing: .35em;
}

.uppercase {
  text-transform: uppercase;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-80 {
  opacity: .8;
}

.opacity-85 {
  opacity: .85;
}

.opacity-90 {
  opacity: .9;
}

.shadow-\[0_8px_30px_rgba\(0\,0\,0\,0\.45\)\] {
  --tw-shadow: 0 8px 30px var(--tw-shadow-color, #00000073);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.35\)\] {
  --tw-shadow: 0 10px 40px var(--tw-shadow-color, #00000059);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}

.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}

.duration-700 {
  --tw-duration: .7s;
  transition-duration: .7s;
}

html, body, #__next {
  color: #eaf4f3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #030b11;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.font-title {
  font-family: Cormorant Garamond, Georgia, Times New Roman, serif;
}

::selection {
  background: #5fa3a240;
}

@keyframes maarBg {
  0% {
    background-position: 20% 20%, 80% 30%, 50% 70%;
  }

  50% {
    background-position: 30% 35%, 70% 40%, 55% 60%;
  }

  100% {
    background-position: 20% 20%, 80% 30%, 50% 70%;
  }
}

.maar-bg {
  background-image: radial-gradient(900px 600px at 20% 20%, #5fa3a22e, #0000 60%), radial-gradient(800px 520px at 80% 30%, #5fa3a21a, #0000 60%), radial-gradient(900px 700px at 50% 70%, #ffffff0a, #0000 60%), linear-gradient(#030b11 0%, #06141d 100%);
  background-size: 200% 200%, 200% 200%, 200% 200%, 100% 100%;
  animation: 18s ease-in-out infinite maarBg;
}

.vignette {
  pointer-events: none;
  background: radial-gradient(1200px 800px at 50% 40%, #0000 40%, #0000008c 100%);
  position: absolute;
  inset: 0;
}

.noise {
  pointer-events: none;
  opacity: .05;
  mix-blend-mode: overlay;
  background-image: repeating-linear-gradient(0deg, #ffffff0d, #ffffff0d 1px, #0000 1px 3px);
  position: absolute;
  inset: 0;
}

.small-muted {
  opacity: .7;
}

.btn {
  color: #eaf4f3;
  letter-spacing: .22em;
  text-transform: uppercase;
  background: #5fa3a21a;
  border: 1px solid #5fa3a273;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 16px 34px;
  font-size: 12px;
  transition: transform .45s, background .45s, border-color .45s;
  display: inline-flex;
}

.btn:hover {
  background: #5fa3a22e;
  border-color: #5fa3a2b3;
  transform: translateY(-2px);
}

.chip {
  background: #ffffff08;
  border: 1px solid #eaf4f31a;
  border-radius: 9999px;
  align-items: center;
  gap: 12px;
  padding: 14px 22px;
  transition: transform .35s, background .35s, border-color .35s;
  display: inline-flex;
}

.chip:hover {
  background: #ffffff0d;
  border-color: #5fa3a259;
  transform: translateY(-2px);
}

.badge-letter {
  color: #5fa3a2f2;
  border: 1px solid #5fa3a259;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  display: inline-flex;
}

.card {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #ffffff08;
  border: 1px solid #eaf4f31a;
  border-radius: 22px;
}

.input {
  color: #eaf4f3;
  background: #0003;
  border: 1px solid #eaf4f31f;
  border-radius: 14px;
  width: 100%;
  padding: 16px 18px;
}

.input:focus {
  border-color: #5fa3a2a6;
}

.live-badge {
  background: #ffffff0a;
  border: 1px solid #eaf4f31a;
  border-radius: 9999px;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  font-size: 12px;
  display: inline-flex;
}

.dot {
  background: #5fa3a2d9;
  border-radius: 9999px;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 4px #5fa3a21f;
}

.modal-backdrop {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 50;
  background: #000000a6;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal {
  background: #08151a;
  border: 1px solid #5fa3a240;
  border-radius: 24px;
  width: 90%;
  max-width: 520px;
  padding: 32px;
}

.maar-step {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(#081218d9, #060e14d9);
  border: 1px solid #5fa3a22e;
  border-radius: 18px;
}

.maar-accordion-reset {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=styles_globals_dc36e6c9.css.map*/