/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --tw-color-black: #000;
  --tw-color-white: #fff;
  --tw-spacing: 0.25rem;
  --tw-text-3xl: 1.875rem;
  --tw-text-3xl--line-height: calc(2.25 / 1.875);
  --tw-font-weight-bold: 700;
  --tw-default-transition-duration: 150ms;
  --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tw\:absolute {
  position: absolute;
}
.tw\:relative {
  position: relative;
}
.tw\:inset-0 {
  inset: calc(var(--tw-spacing) * 0);
}
.tw\:bottom-0 {
  bottom: calc(var(--tw-spacing) * 0);
}
.tw\:\!mb-0 {
  margin-bottom: calc(var(--tw-spacing) * 0) !important;
}
.tw\:mb-16 {
  margin-bottom: calc(var(--tw-spacing) * 16);
}
.tw\:block {
  display: block;
}
.tw\:flex {
  display: flex;
}
.tw\:grid {
  display: grid;
}
.tw\:h-1\/2 {
  height: calc(1/2 * 100%);
}
.tw\:w-full {
  width: 100%;
}
.tw\:grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw\:flex-col {
  flex-direction: column;
}
.tw\:justify-center {
  justify-content: center;
}
.tw\:overflow-hidden {
  overflow: hidden;
}
.tw\:bg-\[\#00315ccc\] {
  background-color: #00315ccc;
}
.tw\:bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.tw\:from-black\/0 {
  --tw-gradient-from: var(--tw-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--tw-color-black) 0%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.tw\:to-black\/90 {
  --tw-gradient-to: var(--tw-color-black);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--tw-color-black) 90%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.tw\:p-6 {
  padding: calc(var(--tw-spacing) * 6);
}
.tw\:px-6 {
  padding-inline: calc(var(--tw-spacing) * 6);
}
.tw\:py-4 {
  padding-block: calc(var(--tw-spacing) * 4);
}
.tw\:text-center {
  text-align: center;
}
.tw\:text-3xl {
  font-size: var(--tw-text-3xl);
  line-height: var(--tw-leading, var(--tw-text-3xl--line-height));
}
.tw\:leading-8 {
  --tw-leading: calc(var(--tw-spacing) * 8);
  line-height: calc(var(--tw-spacing) * 8);
}
.tw\:font-bold {
  --tw-font-weight: var(--tw-font-weight-bold);
  font-weight: var(--tw-font-weight-bold);
}
.tw\:text-white {
  color: var(--tw-color-white);
}
.tw\:opacity-0 {
  opacity: 0%;
}
.tw\:transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
}
.tw\:group-hover\:opacity-100 {
  &:is(:where(.tw\:group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.tw\:group-\[\.is-active\]\:opacity-100 {
  &:is(:where(.tw\:group):is(.is-active) *) {
    opacity: 100%;
  }
}
.tw\:sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.tw\:md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.tw\:md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@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-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
    }
  }
}