/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-amber-200: oklch(92.4% 0.12 95.746);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-600: oklch(66.6% 0.179 58.318);
  --color-yellow-300: oklch(90.5% 0.182 98.111);
  --color-yellow-400: oklch(85.2% 0.199 91.936);
  --color-lime-300: oklch(89.7% 0.196 126.665);
  --color-green-300: oklch(87.1% 0.15 154.449);
  --color-emerald-300: oklch(84.5% 0.143 164.978);
  --color-teal-200: oklch(91% 0.096 180.426);
  --color-teal-400: oklch(77.7% 0.152 181.912);
  --color-cyan-300: oklch(86.5% 0.127 207.078);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-indigo-300: oklch(78.5% 0.115 274.713);
  --color-purple-300: oklch(82.7% 0.119 306.383);
  --color-purple-400: oklch(71.4% 0.203 305.504);
  --color-pink-300: oklch(82.3% 0.12 346.018);
  --color-pink-500: oklch(65.6% 0.241 354.308);
  --color-rose-300: oklch(81% 0.117 11.638);
  --color-slate-600: oklch(44.6% 0.043 257.281);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-md: 28rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-relaxed: 1.625;
  --radius-md: 0.375rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --animate-spin: spin 1s linear infinite;
  --blur-sm: 8px;
  --blur-md: 12px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.left-3 {
  left: calc(var(--spacing) * 3);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.mx-6 {
  margin-inline: calc(var(--spacing) * 6);
}
.my-auto {
  margin-block: auto;
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline-flex {
  display: inline-flex;
}
.aspect-\[3\/4\] {
  aspect-ratio: 3/4;
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-full {
  height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-60 {
  width: calc(var(--spacing) * 60);
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.max-w-md {
  max-width: var(--container-md);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-\[560px\] {
  min-width: 560px;
}
.flex-1 {
  flex: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.animate-spin {
  animation: var(--animate-spin);
}
.cursor-pointer {
  cursor: pointer;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.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;
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.space-y-1\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-8 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-x-1\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-2 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-3 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-\[\#00e5ff\] {
  border-color: #00e5ff;
}
.border-\[\#00e5ff\]\/40 {
  border-color: color-mix(in oklab, #00e5ff 40%, transparent);
}
.border-\[\#00e5ff\]\/50 {
  border-color: color-mix(in oklab, #00e5ff 50%, transparent);
}
.border-\[\#00e5ff\]\/60 {
  border-color: color-mix(in oklab, #00e5ff 60%, transparent);
}
.border-\[\#00e5ff\]\/65 {
  border-color: color-mix(in oklab, #00e5ff 65%, transparent);
}
.border-\[\#00e5ff\]\/80 {
  border-color: color-mix(in oklab, #00e5ff 80%, transparent);
}
.border-\[\#142848\] {
  border-color: #142848;
}
.border-\[\#142848\]\/60 {
  border-color: color-mix(in oklab, #142848 60%, transparent);
}
.border-\[\#273952\] {
  border-color: #273952;
}
.border-\[\#ffb84d\]\/40 {
  border-color: color-mix(in oklab, #ffb84d 40%, transparent);
}
.border-cyan-300\/40 {
  border-color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-cyan-300) 40%, transparent);
  }
}
.border-slate-600 {
  border-color: var(--color-slate-600);
}
.bg-\[\#0b172c\] {
  background-color: #0b172c;
}
.bg-\[\#0d1b32\] {
  background-color: #0d1b32;
}
.bg-\[\#00e5ff\] {
  background-color: #00e5ff;
}
.bg-\[\#00e5ff\]\/10 {
  background-color: color-mix(in oklab, #00e5ff 10%, transparent);
}
.bg-\[\#00e5ff\]\/20 {
  background-color: color-mix(in oklab, #00e5ff 20%, transparent);
}
.bg-\[\#1b1a20\] {
  background-color: #1b1a20;
}
.bg-\[\#070d19\] {
  background-color: #070d19;
}
.bg-\[\#30415c\] {
  background-color: #30415c;
}
.bg-\[\#081224\] {
  background-color: #081224;
}
.bg-\[\#081224\]\/90 {
  background-color: color-mix(in oklab, #081224 90%, transparent);
}
.bg-\[\#081224\]\/95 {
  background-color: color-mix(in oklab, #081224 95%, transparent);
}
.bg-\[\#142848\] {
  background-color: #142848;
}
.bg-\[\#ff5500\] {
  background-color: #ff5500;
}
.bg-\[\#ffd200\] {
  background-color: #ffd200;
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-tr {
  --tw-gradient-position: to top right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-\[\#00c6ff\] {
  --tw-gradient-from: #00c6ff;
  --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));
}
.from-\[\#09152a\] {
  --tw-gradient-from: #09152a;
  --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));
}
.from-\[\#ff0055\] {
  --tw-gradient-from: #ff0055;
  --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));
}
.from-\[\#ffd200\] {
  --tw-gradient-from: #ffd200;
  --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));
}
.via-\[\#1a0b2e\] {
  --tw-gradient-via: #1a0b2e;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#1e3a8a\] {
  --tw-gradient-via: #1e3a8a;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#2e1010\] {
  --tw-gradient-via: #2e1010;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#064e3b\] {
  --tw-gradient-via: #064e3b;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#115e59\] {
  --tw-gradient-via: #115e59;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#312e81\] {
  --tw-gradient-via: #312e81;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#581c87\] {
  --tw-gradient-via: #581c87;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#701a75\] {
  --tw-gradient-via: #701a75;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#713f12\] {
  --tw-gradient-via: #713f12;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#854d0e\] {
  --tw-gradient-via: #854d0e;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#991b1b\] {
  --tw-gradient-via: #991b1b;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#14532d\] {
  --tw-gradient-via: #14532d;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#365314\] {
  --tw-gradient-via: #365314;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#831843\] {
  --tw-gradient-via: #831843;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[\#ffaa00\] {
  --tw-gradient-via: #ffaa00;
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-\[\#00e5ff\] {
  --tw-gradient-to: #00e5ff;
  --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));
}
.to-\[\#4c1d95\] {
  --tw-gradient-to: #4c1d95;
  --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));
}
.to-\[\#7e22ce\] {
  --tw-gradient-to: #7e22ce;
  --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));
}
.to-\[\#14b8a6\] {
  --tw-gradient-to: #14b8a6;
  --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));
}
.to-\[\#16a34a\] {
  --tw-gradient-to: #16a34a;
  --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));
}
.to-\[\#65a30d\] {
  --tw-gradient-to: #65a30d;
  --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));
}
.to-\[\#0072ff\] {
  --tw-gradient-to: #0072ff;
  --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));
}
.to-\[\#991b1b\] {
  --tw-gradient-to: #991b1b;
  --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));
}
.to-\[\#2563eb\] {
  --tw-gradient-to: #2563eb;
  --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));
}
.to-\[\#4338ca\] {
  --tw-gradient-to: #4338ca;
  --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));
}
.to-\[\#047857\] {
  --tw-gradient-to: #047857;
  --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));
}
.to-\[\#a16207\] {
  --tw-gradient-to: #a16207;
  --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));
}
.to-\[\#be185d\] {
  --tw-gradient-to: #be185d;
  --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));
}
.to-\[\#c026d3\] {
  --tw-gradient-to: #c026d3;
  --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));
}
.to-\[\#ca8a04\] {
  --tw-gradient-to: #ca8a04;
  --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));
}
.to-\[\#dc2626\] {
  --tw-gradient-to: #dc2626;
  --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));
}
.to-\[\#e11d48\] {
  --tw-gradient-to: #e11d48;
  --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));
}
.to-\[\#ff5500\] {
  --tw-gradient-to: #ff5500;
  --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));
}
.bg-clip-text {
  background-clip: text;
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pr-1 {
  padding-right: calc(var(--spacing) * 1);
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.pl-11 {
  padding-left: calc(var(--spacing) * 11);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.align-top {
  vertical-align: top;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.leading-7 {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-\[\.18em\] {
  --tw-tracking: .18em;
  letter-spacing: .18em;
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.text-\[\#00e5ff\] {
  color: #00e5ff;
}
.text-\[\#050914\] {
  color: #050914;
}
.text-\[\#FFC107\] {
  color: #FFC107;
}
.text-\[\#e5d4b3\] {
  color: #e5d4b3;
}
.text-\[\#ffb84d\] {
  color: #ffb84d;
}
.text-\[\#ffd200\] {
  color: #ffd200;
}
.text-amber-200 {
  color: var(--color-amber-200);
}
.text-amber-400 {
  color: var(--color-amber-400);
}
.text-amber-600 {
  color: var(--color-amber-600);
}
.text-blue-300 {
  color: var(--color-blue-300);
}
.text-cyan-300 {
  color: var(--color-cyan-300);
}
.text-emerald-300 {
  color: var(--color-emerald-300);
}
.text-gray-200 {
  color: var(--color-gray-200);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-green-300 {
  color: var(--color-green-300);
}
.text-indigo-300 {
  color: var(--color-indigo-300);
}
.text-lime-300 {
  color: var(--color-lime-300);
}
.text-orange-400 {
  color: var(--color-orange-400);
}
.text-pink-300 {
  color: var(--color-pink-300);
}
.text-pink-500 {
  color: var(--color-pink-500);
}
.text-purple-300 {
  color: var(--color-purple-300);
}
.text-purple-400 {
  color: var(--color-purple-400);
}
.text-red-300 {
  color: var(--color-red-300);
}
.text-red-400 {
  color: var(--color-red-400);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-rose-300 {
  color: var(--color-rose-300);
}
.text-teal-200 {
  color: var(--color-teal-200);
}
.text-teal-400 {
  color: var(--color-teal-400);
}
.text-transparent {
  color: transparent;
}
.text-white {
  color: var(--color-white);
}
.text-yellow-300 {
  color: var(--color-yellow-300);
}
.text-yellow-400 {
  color: var(--color-yellow-400);
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.placeholder-gray-400 {
  &::placeholder {
    color: var(--color-gray-400);
  }
}
.opacity-0 {
  opacity: 0%;
}
.shadow-\[0_0_10px_rgba\(0\,229\,255\,0\.2\)\] {
  --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(0,229,255,0.2));
  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_0_10px_rgba\(0\,229\,255\,0\.4\)\] {
  --tw-shadow: 0 0 10px var(--tw-shadow-color, rgba(0,229,255,0.4));
  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_0_12px_rgba\(0\,198\,255\,0\.4\)\] {
  --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(0,198,255,0.4));
  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_0_12px_rgba\(0\,229\,255\,0\.6\)\] {
  --tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(0,229,255,0.6));
  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_0_15px_rgba\(0\,229\,255\,0\.3\)\] {
  --tw-shadow: 0 0 15px var(--tw-shadow-color, rgba(0,229,255,0.3));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.drop-shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.8\)\] {
  --tw-drop-shadow-size: drop-shadow(0 2px 4px var(--tw-drop-shadow-color, rgba(0,0,0,0.8)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_4px_10px_rgba\(255\,210\,0\,0\.5\)\] {
  --tw-drop-shadow-size: drop-shadow(0 4px 10px var(--tw-drop-shadow-color, rgba(255,210,0,0.5)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.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, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.hover\:border-\[\#00e5ff\] {
  &:hover {
    @media (hover: hover) {
      border-color: #00e5ff;
    }
  }
}
.hover\:bg-\[\#00e5ff\]\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in oklab, #00e5ff 10%, transparent);
    }
  }
}
.hover\:bg-\[\#00e5ff\]\/15 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in oklab, #00e5ff 15%, transparent);
    }
  }
}
.hover\:bg-\[\#00e5ff\]\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in oklab, #00e5ff 20%, transparent);
    }
  }
}
.hover\:bg-\[\#122444\] {
  &:hover {
    @media (hover: hover) {
      background-color: #122444;
    }
  }
}
.hover\:text-\[\#00e5ff\] {
  &:hover {
    @media (hover: hover) {
      color: #00e5ff;
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:opacity-90 {
  &:hover {
    @media (hover: hover) {
      opacity: 90%;
    }
  }
}
.focus\:border-\[\#00e5ff\] {
  &:focus {
    border-color: #00e5ff;
  }
}
.focus\:ring-1 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-\[\#00e5ff\] {
  &:focus {
    --tw-ring-color: #00e5ff;
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.active\:scale-95 {
  &:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.sm\:block {
  @media (width >= 40rem) {
    display: block;
  }
}
.sm\:grid-cols-3 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:p-6 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.md\:p-7 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 7);
  }
}
.md\:px-5 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 5);
  }
}
.md\:text-2xl {
  @media (width >= 48rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.md\:text-4xl {
  @media (width >= 48rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.md\:text-base {
  @media (width >= 48rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.md\:text-sm {
  @media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.lg\:grid-cols-5 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.lg\:p-8 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 8);
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
}
@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: 0px;
}
@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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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;
      --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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}


        /* 1. Design Tokens: Vertical Striped Background Canvas */
        body {
            background-color: #050914;
            background-image: repeating-linear-gradient(
                90deg,
                #070F20 0px,
                #070F20 18px,
                #050A16 18px,
                #050A16 36px
            );
            color: #FFFFFF;
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }

        /* 2. Primary CTA: Golden-Orange 3D Metallic Button */
        .btn-dudespin-cta {
            background: linear-gradient(180deg, #FFE436 0%, #FFA800 45%, #FF5500 100%);
            box-shadow: 
                0 0 25px rgba(255, 120, 0, 0.75),
                inset 0 2px 3px rgba(255, 255, 255, 0.9),
                inset 0 -3px 4px rgba(160, 30, 0, 0.6);
            color: #FFFFFF;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
            border: 1px solid #FFE066;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-dudespin-cta:hover {
            background: linear-gradient(180deg, #FFF066 0%, #FFB700 45%, #FF6600 100%);
            box-shadow: 
                0 0 35px rgba(255, 140, 0, 0.95),
                inset 0 2px 5px rgba(255, 255, 255, 1),
                inset 0 -3px 4px rgba(180, 40, 0, 0.7);
            transform: scale(1.02);
        }

        /* 3. Collapsible Sidebar Item States */
        .ds-active-pill {
            background: linear-gradient(180deg, #0f2240 0%, #0c1a32 100%);
            border: 1.5px solid #00e5ff;
            box-shadow: 0 0 12px rgba(0, 229, 255, 0.45), inset 0 0 10px rgba(0, 229, 255, 0.2);
            color: #FFFFFF;
        }

        .ds-pill {
            background: linear-gradient(180deg, #0e1c34 0%, #091325 100%);
            border: 1px solid #142848;
            transition: all 0.2s ease;
        }
        .ds-pill:hover {
            border-color: rgba(0, 229, 255, 0.5);
            box-shadow: 0 0 10px rgba(0, 229, 255, 0.25);
        }

        /* 4. Solid Typography without fuzzy glows */
        .ds-gold-title {
            color: #FFC107;
            font-weight: 900;
        }
        .ds-section-title {
            color: #FFC107;
            font-weight: 800;
        }

        /* Custom Scrollbars */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #050914;
        }
        ::-webkit-scrollbar-thumb {
            background: #142848;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #00e5ff;
        }

        /* Sidebar Smooth Collapse Animation */
        .sidebar-anim {
            transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1), padding 0.28s ease;
        }
    
/* Accordion controls */
details > summary {list-style:none;} details > summary::-webkit-details-marker {display:none;} .faq-item[open] .faq-marker {font-size:0;} .faq-item[open] .faq-marker::after {content:"−";font-size:20px;} .toc-accordion[open] .toc-chevron {transform:rotate(180deg);} .toc-chevron {transition:transform .2s;}

/* Persistent CTA surfaces — desktop rail and mobile bottom bar */
#ds-desktop-rail {display:none}
#ds-mobile-cta {display:none}
@media (min-width:1280px) {
  main.ds-with-rail {padding-right:300px!important}
  #ds-desktop-rail {display:flex;position:fixed;top:84px;right:18px;bottom:20px;width:260px;z-index:35;align-items:flex-start;pointer-events:none}
  #ds-desktop-rail .ds-rail-card {pointer-events:auto;width:100%;border:1px solid #284468;border-radius:24px;background:linear-gradient(155deg,#102542 0%,#0b172c 65%,#081224 100%);padding:20px;box-shadow:0 14px 44px #0008,0 0 18px #00e5ff16;position:sticky;top:84px}
}
@media (max-width:1279px) {
  #ds-mobile-cta {display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;gap:12px;align-items:center;justify-content:space-between;background:#081224f5;border-top:1px solid #284468;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-shadow:0 -10px 26px #0008}
  main.ds-with-rail {padding-bottom:110px!important}
}
@media (min-width:768px) and (max-width:1279px) {
  #ds-mobile-cta {left:240px}
}
#ds-desktop-rail .ds-rail-content {transition:opacity .22s ease}
#ds-desktop-rail .ds-rail-content.ds-fading {opacity:0}
@media (prefers-reduced-motion: reduce) {#ds-desktop-rail .ds-rail-content{transition:none}}

/* Desktop offer rail occupies the full available viewport height beneath the 64px header. */
@media (min-width:1280px) {
  #ds-desktop-rail {top:64px;bottom:0;right:16px;width:270px;align-items:stretch}
  main.ds-with-rail {padding-right:310px!important}
  #ds-desktop-rail .ds-rail-card {
    position:relative;top:auto;height:100%;min-height:0;
    border-radius:22px 22px 0 0;display:flex;flex-direction:column;
    padding:18px;overflow:hidden;
  }
  #ds-desktop-rail .ds-rail-content {display:flex;flex:1;min-height:0;flex-direction:column}
  #ds-desktop-rail .ds-rail-image-wrap {
    flex:1;min-height:80px;display:flex;align-items:center;justify-content:center;
    margin:12px 0;overflow:hidden;border:1px solid #284468;border-radius:18px;
    background:radial-gradient(circle at 50% 30%,#163b5c 0%,#0b172c 55%,#081224 100%);
  }
  #ds-desktop-rail .ds-rail-image {display:block;width:100%;height:100%;max-height:100%;object-fit:contain;padding:8px}
  #ds-desktop-rail .ds-rail-fallback {display:none;color:#FFC107;text-align:center;font-weight:900;font-size:21px;padding:12px}
  #ds-desktop-rail .ds-rail-image-wrap.ds-img-error .ds-rail-image {display:none}
  #ds-desktop-rail .ds-rail-image-wrap.ds-img-error .ds-rail-fallback {display:block}
  #ds-desktop-rail .ds-rail-footer {flex-shrink:0}
}
@media (min-width:1280px) and (max-height:640px) {
  #ds-desktop-rail .ds-rail-card {padding:12px}
  #ds-desktop-rail .ds-rail-image-wrap {margin:6px 0;min-height:36px}
  #ds-desktop-rail .ds-rail-content h2 {font-size:18px;line-height:1.15;margin-bottom:6px}
  #ds-desktop-rail .ds-rail-content p {font-size:11px;line-height:1.35;margin-bottom:6px}
  #ds-desktop-rail .ds-rail-footer p {margin-top:5px;font-size:9px;line-height:1.25}
  #ds-desktop-rail .ds-rail-footer .ds-rail-dots {margin-top:6px}
}

/* 2026-11-10: cleaner full-height right rail — artwork first, no artwork card. */
@media (min-width:1280px) {
  #ds-desktop-rail .ds-rail-card {padding:20px 18px 22px;border-radius:0;}
  #ds-desktop-rail .ds-rail-image-wrap {
    order:0;flex:0 1 auto;width:100%;height:clamp(120px,36vh,360px);
    min-height:0;margin:0 0 20px;padding:0;
    border:0;border-radius:0;background:none;box-shadow:none;
    display:flex;align-items:center;justify-content:center;overflow:hidden;
  }
  #ds-desktop-rail .ds-rail-image {width:100%;height:100%;max-height:none;object-fit:contain;padding:0;}
  #ds-desktop-rail .ds-rail-content {flex:0 1 auto;min-height:0;}
  #ds-desktop-rail .ds-rail-content p {margin-bottom:12px;}
  #ds-desktop-rail .ds-rail-footer {margin-top:auto;padding-top:18px;}
}
@media (min-width:1280px) and (max-height:650px) {
  #ds-desktop-rail .ds-rail-card {padding:12px 14px 14px;}
  #ds-desktop-rail .ds-rail-image-wrap {height:clamp(72px,23vh,170px);margin-bottom:10px;}
  #ds-desktop-rail .ds-rail-footer {padding-top:8px;}
}

/* Directory footer: central content only, not the fixed right CTA rail. */
#ds-directory-footer{margin:36px 0 30px;padding:32px 20px 40px;background:#081b37;border:1px solid #142848;border-radius:24px;color:#a9d6f4;}
#ds-directory-footer .ds-footer-quicklinks{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 44px;}
#ds-directory-footer .ds-footer-pill{min-width:175px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;border:1.5px solid #00bfff;background:linear-gradient(180deg,#12375b,#06172e);box-shadow:0 0 15px #00c6ff6b,inset 0 0 8px #00c6ff24;color:#fff;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none;transition:background .2s,box-shadow .2s;}
#ds-directory-footer .ds-footer-chat{min-width:205px;}
#ds-directory-footer .ds-footer-pill:hover,#ds-directory-footer .ds-footer-pill:focus-visible{box-shadow:0 0 24px #00c6ffb0;background:#113f67;}
#ds-directory-footer .ds-footer-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px;}
#ds-directory-footer .ds-footer-column{min-width:0;}
#ds-directory-footer h3{color:#32aefb;font-size:13px;font-weight:800;line-height:1.4;margin:0 0 23px;}
#ds-directory-footer .ds-footer-column nav{display:flex;flex-direction:column;gap:22px;}
#ds-directory-footer .ds-footer-column a{font-size:12px;line-height:1.45;color:#a9d6f4;text-decoration:none;display:block;overflow-wrap:anywhere;}
#ds-directory-footer .ds-footer-column a:hover,#ds-directory-footer .ds-footer-column a:focus-visible{color:#00e5ff;text-decoration:underline;}
#ds-directory-footer .ds-footer-extra{margin-top:clamp(44px,8vh,105px);}
#ds-directory-footer .ds-footer-extra h3 a{color:#32aefb;font-size:13px;font-weight:800;}
@media(max-width:1599px){#ds-directory-footer .ds-footer-columns{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:40px;}}
@media(max-width:900px){#ds-directory-footer .ds-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:620px){#ds-directory-footer{margin:20px 0;padding:24px 16px 30px;}#ds-directory-footer .ds-footer-quicklinks{margin-bottom:30px;}#ds-directory-footer .ds-footer-pill{min-width:0;width:100%;}#ds-directory-footer .ds-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;}#ds-directory-footer .ds-footer-column nav{gap:13px;}#ds-directory-footer .ds-footer-extra{margin-top:35px;}}
@media(max-width:365px){#ds-directory-footer .ds-footer-columns{grid-template-columns:1fr;}}

html{scroll-behavior:smooth} .review-section{scroll-margin-top:84px} .review-section strong{color:#fff} .review-section a{color:#00e5ff;text-decoration:underline} .review-section table th,.review-section table td{white-space:normal} .review-section>p:first-of-type{margin-top:10px} @media(max-width:767px){#dudeSidebar{position:absolute;top:0;bottom:0;max-width:75vw}main{padding:1rem!important}}

/* v2 — responsive CTA, animated rail, mobile overlay menu */
.ds-register-cta {display:block;width:min(100%,430px);margin:24px auto 8px;padding:17px 24px;border-radius:9999px;text-align:center;font-size:16px;line-height:1.4;text-decoration:none!important;color:#fff!important;}
#ds-mobile-cta {display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:65;gap:12px;align-items:center;justify-content:space-between;background:#081224f7;border-top:1px solid #284468;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-shadow:0 -10px 26px #0008;}
main.ds-with-rail {padding-bottom:125px!important;}
@media (min-width:768px) and (max-width:1279px) {#ds-mobile-cta {left:240px;}}
@media (min-width:1280px){
  #ds-mobile-cta {left:240px;right:310px;justify-content:center;gap:28px;}
  #ds-desktop-rail .ds-rail-card {transition:background .75s ease,box-shadow .75s ease;background:linear-gradient(160deg,#102542,#0b172c 70%);}
  #ds-desktop-rail .ds-rail-card.ds-stage-1 {background:linear-gradient(155deg,#092b36,#102c4a 55%,#071724);box-shadow:inset 0 0 44px #00e5ff10,0 0 18px #00e5ff15;}
  #ds-desktop-rail .ds-rail-card.ds-stage-2 {background:linear-gradient(160deg,#38220f,#1d1935 58%,#0b172c);box-shadow:inset 0 0 50px #ffad0019,0 0 18px #ffad0016;}
  #ds-desktop-rail .ds-rail-image-wrap {flex:1 1 auto!important;height:auto!important;min-height:0!important;margin:0!important;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  #ds-desktop-rail .ds-rail-image {width:100%;max-height:min(47vh,440px);height:auto;object-fit:contain;will-change:transform,opacity;}
  #ds-desktop-rail .ds-rail-content {flex:0 0 auto!important;text-align:center;align-items:center;justify-content:end;gap:4px;padding-top:9px;}
  #ds-desktop-rail .ds-rail-content h2 {margin-bottom:8px;}
  #ds-desktop-rail .ds-rail-content p {margin-bottom:0;}
  #ds-desktop-rail .ds-rail-card > .text-\\[10px\\] {text-align:center;}
  #ds-desktop-rail .ds-rail-footer {margin-top:0!important;padding-top:17px!important;text-align:center;}
  #ds-desktop-rail .ds-rail-dots {justify-content:center;}
  #ds-desktop-rail .ds-rail-image.ds-image-exit {animation:dsFlyOut .3s ease-in both;}
  #ds-desktop-rail .ds-rail-image.ds-image-enter {animation:dsFlyIn .42s cubic-bezier(.2,.7,.2,1) both;}
}
@keyframes dsFlyOut {from{transform:translateY(0) scale(1);opacity:1}to{transform:translate(40px,-24px) scale(.9) rotate(4deg);opacity:0}}
@keyframes dsFlyIn {from{transform:translate(-35px,22px) scale(.92) rotate(-3deg);opacity:0}to{transform:translate(0,0) scale(1);opacity:1}}
@media (min-width:1280px) and (max-height:700px){#ds-desktop-rail .ds-rail-image {max-height:32vh;}#ds-desktop-rail .ds-rail-content h2{font-size:18px;}#ds-desktop-rail .ds-rail-footer{padding-top:8px!important;}}
/* On mobile/tablet menu is fully hidden until the user requests it. */
#ds-menu-backdrop,#ds-menu-close {display:none;}
@media(max-width:767px){
  #dudeSidebar {display:flex!important;position:fixed!important;z-index:81!important;top:64px!important;left:0!important;bottom:0!important;width:min(300px,75vw)!important;max-width:75vw!important;transform:translateX(-105%);transition:transform .28s ease!important;box-shadow:14px 0 28px #0008;}
  #dudeSidebar.ds-mobile-open {transform:translateX(0);}
  #ds-menu-backdrop.ds-mobile-open {display:block;position:fixed;inset:64px 0 0;z-index:80;background:#000a;cursor:pointer;}
  #ds-menu-close{display:block;align-self:stretch;padding:9px 12px;margin:0 0 8px;text-align:right;color:#00e5ff;font-weight:800;font-size:12px;}
  body.ds-menu-lock {overflow:hidden;}
  #ds-mobile-cta {left:0!important;right:0!important;padding-left:12px;padding-right:12px;}
  #ds-mobile-cta a {padding:12px 15px;}
}
@media(prefers-reduced-motion:reduce){#ds-desktop-rail .ds-rail-image.ds-image-exit,#ds-desktop-rail .ds-rail-image.ds-image-enter{animation:none!important}#dudeSidebar{transition:none!important}}


/* Responsive hero and mobile navigation — v3. UI Kit source is unchanged. */
html,body{max-width:100%;overflow-x:clip}
#ds-site-header{gap:10px;min-width:0}
#ds-site-header .ds-brand-cluster{min-width:0;flex:0 1 auto;gap:10px}
#ds-site-header .ds-brand-link{min-width:0;flex-shrink:1}
#ds-site-header .ds-header-actions{min-width:0;flex-shrink:0;gap:8px}
#ds-site-header .ds-header-action{white-space:nowrap}
main#ds-scroll-container{min-width:0}
.ds-hero-banner{position:relative;min-height:clamp(400px,50vh,610px);overflow:hidden;border:1px solid #1a365b;border-radius:24px;background:radial-gradient(ellipse at 50% 15%,#123963 0%,#0a1b35 40%,#071122 75%,#050914 100%);display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(28px,5vw,70px) 22px;box-shadow:0 18px 46px #0007}
.ds-hero-halo{position:absolute;inset:0;background:radial-gradient(circle at 50% 25%,#00e5ff21,transparent 43%),linear-gradient(105deg,transparent,#ffab0012,transparent);pointer-events:none}
.ds-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,850px);margin:auto}
.ds-hero-logo{display:grid;place-items:center;width:76px;height:76px;border:3px solid #00e5ff;border-radius:50%;background:linear-gradient(155deg,#ff9700,#072034 65%);box-shadow:0 0 24px #00e5ff66;font-size:32px;color:#00e5ff;margin-bottom:8px}
.ds-hero-badge{display:inline-block;background:#ff5500;color:white;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:8px 13px;border-radius:9px}
.ds-hero-eyebrow{font-size:13px;line-height:1.5;color:#cad6e4}
.ds-hero-title{font-family:Montserrat,Inter,sans-serif;font-size:clamp(29px,4.3vw,58px);line-height:1.12;letter-spacing:-.025em;font-weight:900;color:#ffc107;text-wrap:balance;max-width:850px}
.ds-hero-button{display:block;width:min(100%,400px);padding:18px 22px;border-radius:999px;font-size:clamp(16px,2vw,22px);margin-top:10px}
.ds-hero-note{font-size:11px;color:#9ca3af}
.ds-howto-cta{width:min(100%,520px)!important;margin:30px auto 0!important;padding:20px 20px!important;font-size:clamp(15px,2vw,21px)!important}
.ds-responsive-bottom-cta .ds-bottom-action{min-width:0}
@media(max-width:767px){
  #ds-site-header{height:60px!important;padding:0 10px!important;gap:5px;flex-wrap:nowrap}
  #ds-site-header .ds-brand-cluster{gap:6px;flex:1 1 auto;min-width:0}
  #ds-site-header #ds-menu-toggle{width:38px;height:38px;flex-shrink:0}
  #ds-site-header .ds-brand-link{gap:5px!important;min-width:0}
  #ds-site-header .ds-brand-link > div:first-child{width:31px!important;height:31px!important;flex-shrink:0}
  #ds-site-header .ds-brand-link > div:first-child > div:nth-child(2){width:26px!important;height:26px!important}
  #ds-site-header .ds-brand-link span.font-brand{font-size:clamp(13px,3.7vw,18px)!important;letter-spacing:0!important;white-space:nowrap}
  #ds-site-header .ds-header-actions{gap:5px;flex:0 0 auto}
  #ds-site-header .ds-header-actions > div{display:none!important}
  #ds-site-header .ds-header-action{padding:8px 9px!important;font-size:10px!important;letter-spacing:-.015em}
  #dudeSidebar{top:60px!important;height:calc(100dvh - 60px)!important}
  #ds-menu-backdrop.ds-mobile-open{inset:60px 0 0!important}
  main#ds-scroll-container{padding:12px!important;padding-bottom:145px!important;max-width:100vw}
  .ds-hero-banner{min-height:380px;padding:34px 17px;border-radius:18px}
  .ds-hero-logo{width:60px;height:60px;font-size:25px;margin-bottom:0}
  .ds-hero-inner{gap:11px}
  .ds-hero-title{font-size:clamp(26px,7.4vw,38px);line-height:1.18}
  .ds-hero-eyebrow{font-size:11px}
  .ds-hero-button{font-size:17px;padding:16px 16px;margin-top:8px}
  #ds-mobile-cta.ds-responsive-bottom-cta{display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px!important;padding:11px 12px calc(11px + env(safe-area-inset-bottom))!important;max-width:100vw}
  #ds-mobile-cta .min-w-0{text-align:center}
  #ds-mobile-cta .ds-bottom-action{display:block;width:100%;padding:15px 18px!important;font-size:15px!important;box-shadow:0 0 18px #ff930066}
  #ka-registreties{padding:18px!important}
  .ds-howto-cta{font-size:16px!important}
}
@media(max-width:390px){
  #ds-site-header .ds-brand-link > div:first-child{display:none!important}
  #ds-site-header .ds-header-action{padding:7px!important;font-size:9px!important}
  #ds-site-header .ds-brand-cluster{gap:4px}
}
@media(max-width:350px){#ds-site-header .ds-brand-link span.font-brand{font-size:12px!important}}


/* Website-only CTA behavior — mobile menu uses the same sidebar action. */
#dudeSidebar .ds-menu-register{color:#fff!important;text-decoration:none;min-height:44px;justify-content:flex-start;}
#dudeSidebar .ds-menu-register .nav-label{color:#fff;}
#ds-mobile-cta.ds-responsive-bottom-cta{
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate3d(0,115%,0);
  transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s ease,visibility .38s;
}
#ds-mobile-cta.ds-responsive-bottom-cta.ds-cta-visible{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);
}
#ds-mobile-cta.ds-responsive-bottom-cta.ds-cta-end .ds-bottom-action{
  animation:dsCtaEndPulse 1.8s ease-in-out infinite;
}
@keyframes dsCtaEndPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 15px rgba(255,140,0,.48)}
  50%{transform:scale(1.035);box-shadow:0 0 30px rgba(255,168,0,.83)}
}
@media(prefers-reduced-motion:reduce){
  #ds-mobile-cta.ds-responsive-bottom-cta{transition:none!important}
  #ds-mobile-cta.ds-responsive-bottom-cta.ds-cta-end .ds-bottom-action{animation:none!important}
}

:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.font-brand{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.ds-icon{display:inline-block;min-width:1em;text-align:center;font-style:normal;line-height:1}img{max-width:100%;height:auto;display:block}*,*::before,*::after{box-sizing:border-box}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #00e5ff;outline-offset:3px}#ds-desktop-rail img{object-fit:contain}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}

/* v6 one-page section anchors */
#ds-scroll-container {scroll-behavior:smooth;} #ds-scroll-container [id] {scroll-margin-top:20px;} .toc-accordion:focus-within {outline-offset:3px;} @media(prefers-reduced-motion:reduce){#ds-scroll-container {scroll-behavior:auto;}}