@import url(https : //fonts.googleapis.com/css2?family=Outfit : wght@400;
500;
600;
700;
  900&family=Manrope : wght@400;
500;
600;
  700&display=swap);*, : after, : before {
  --tw-border-spacing-x : 0;--tw-border-spacing-y : 0;--tw-translate-x : 0;--tw-translate-y : 0;--tw-rotate : 0;--tw-skew-x : 0;--tw-skew-y : 0;--tw-scale-x : 1;--tw-scale-y : 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness : proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width : 0px;--tw-ring-offset-color : #fff;--tw-ring-color : #3b82f680;--tw-ring-offset-shadow : 0 0 #0000;--tw-ring-shadow : 0 0 #0000;--tw-shadow : 0 0 #0000;--tw-shadow-colored : 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style:
}
  : : backdrop {
  --tw-border-spacing-x : 0;--tw-border-spacing-y : 0;--tw-translate-x : 0;--tw-translate-y : 0;--tw-rotate : 0;--tw-skew-x : 0;--tw-skew-y : 0;--tw-scale-x : 1;--tw-scale-y : 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness : proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width : 0px;--tw-ring-offset-color : #fff;--tw-ring-color : #3b82f680;--tw-ring-offset-shadow : 0 0 #0000;--tw-ring-shadow : 0 0 #0000;--tw-shadow : 0 0 #0000;--tw-shadow-colored : 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style:
}
  *, : after, : before {
  border : 0 solid #e5e7eb;
  box-sizing : border-box
}
  :after, : before {
  --tw-content : ""
}
  :host, html {
  -webkit-text-size-adjust : 100%;
  font-feature-settings : normal;-webkit-tap-highlight-color : transparent;
  font-family : ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-variation-settings : normal;
  line-height : 1.5;
  tab-size : 4
}
body {
  line-height : inherit
}
hr {
  border-top-width : 1px;
  color : inherit;
  height : 0
}
  abbr : where([title]) {
  -webkit-text-decoration : underline dotted;
  text-decoration : underline dotted
}
h1, h2, h3, h4, h5, h6 {
  font-size : inherit;
  font-weight : inherit
}
a {
  color : inherit;
  text-decoration : inherit
}
b, strong {
  font-weight : bolder
}
code, kbd, pre, samp {
  font-feature-settings : normal;
  font-family : ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size : 1em;
  font-variation-settings : normal
}
small {
  font-size : 80%
}
sub, sup {
  font-size : 75%;
  line-height : 0;
  position : relative;
  vertical-align : initial
}
sub {
  bottom : -.25em
}
sup {
  top : -.5em
}
table {
  border-collapse : collapse;
  border-color : inherit;
  text-indent : 0
}
button, input, optgroup, select, textarea {
  font-feature-settings : inherit;
  color : inherit;
  font-family : inherit;
  font-size : 100%;
  font-variation-settings : inherit;
  font-weight : inherit;
  letter-spacing : inherit;
  line-height : inherit;
  margin : 0;
  padding : 0
}
button, select {
  text-transform : none
}
  button, input : where([type=button]), input : where([type=reset]), input : where([type=submit]) {
  -webkit-appearance : button;
  background-color : initial;
  background-image : none
}
  :-moz-focusring {
  outline : auto
}
  :-moz-ui-invalid {
  box-shadow : none
}
progress {
  vertical-align : initial
}
  : : -webkit-inner-spin-button, : :-webkit-outer-spin-button {
  height : auto
}
[type=search] {
  -webkit-appearance : textfield;
  outline-offset : -2px
}
  : : -webkit-search-decoration {
  -webkit-appearance : none
}
  : : -webkit-file-upload-button {
  -webkit-appearance : button;
  font : inherit
}
summary {
  display : list-item
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p,pre {
  margin : 0
}
fieldset {
  margin : 0
}
fieldset, legend {
  padding : 0
}
menu, ol, ul {
  list-style : none;
  margin : 0;
  padding : 0
}
dialog {
  padding : 0
}
textarea {
  resize : vertical
}
  input : :placeholder, textarea : :placeholder {
  color : #9ca3af;
  opacity : 1
}
[role=button], button {
  cursor : pointer
}
  :disabled {
  cursor : default
}
audio, canvas, embed, iframe, img, object, svg, video {
  display : block;
  vertical-align : middle
}
img, video {
  height : auto;
  max-width : 100%
}
  [hidden] : where( : not([hidden=until-found])) {
  display : none
}
  :root {
  --background : 276 90% 4%;--foreground : 0 0% 98%;--card : 276 90% 4%;--card-foreground : 0 0% 98%;--popover : 276 90% 6%;--popover-foreground : 0 0% 98%;--primary : 330 97% 43%;--primary-foreground : 0 0% 100%;--secondary : 276 90% 15%;--secondary-foreground : 0 0% 98%;--muted : 276 50% 15%;--muted-foreground : 0 0% 60%;--accent : 180 100% 48%;--accent-foreground : 0 0% 0%;--destructive : 0 84% 60%;--destructive-foreground : 0 0% 98%;--border : 0 0% 20%;--input : 0 0% 20%;--ring : 330 97% 43%;--chart-1 : 330 97% 43%;--chart-2 : 180 100% 48%;--chart-3 : 276 90% 30%;--chart-4 : 330 70% 60%;--chart-5 : 200 80% 50%
}
* {
  border-color : #333;
  border-color : hsl(var(--border))
}
[data-debug-wrapper=true] {
  display : contents!important
}
.sr-only {
  clip : rect(0, 0,0, 0);
  border-width : 0;
  height : 1px;
  margin : -1px;
  overflow : hidden;
  padding : 0;
  position : absolute;
  white-space : nowrap;
  width : 1px
}
.pointer-events-none {
  pointer-events : none
}
.pointer-events-auto {
  pointer-events : auto
}
.visible {
  visibility : visible
}
.invisible {
  visibility : hidden
}
.fixed {
  position : fixed
}
.absolute {
  position : absolute
}
.relative {
  position : relative
}
.inset-0 {
  inset : 0
}
.inset-x-0 {
  left : 0;
  right : 0
}
.inset-y-0 {
  bottom : 0;
  top : 0
}
.-bottom-12 {
  bottom : -3rem
}
.-left-12 {
  left : -3rem
}
.-right-12 {
  right : -3rem
}
.-top-12 {
  top : -3rem
}
.bottom-0 {
  bottom : 0
}
.left-0 {
  left : 0
}
.left-1 {
  left : .25rem
}
.left-1\/2 {
  left : 50%
}
.left-2 {
  left : .5rem
}
.left-3 {
  left : .75rem
}
.left-\[50\%\] {
  left : 50%
}
.right-0 {
  right : 0
}
.right-1 {
  right : .25rem
}
.right-2 {
  right : .5rem
}
.right-4 {
  right : 1rem
}
.top-0 {
  top : 0
}
.top-1 {
  top : .25rem
}
.top-1\/2 {
  top : 50%
}
.top-4 {
  top : 1rem
}
.top-\[1px\] {
  top : 1px
}
.top-\[50\%\] {
  top : 50%
}
.top-\[60\%\] {
  top : 60%
}
.top-full {
  top : 100%
}
.z-10 {
  z-index : 10
}
.z-50 {
  z-index : 50
}
.z-\[100\] {
  z-index : 100
}
.z-\[1\] {
  z-index : 1
}
.-mx-1 {
  margin-left : -.25rem;
  margin-right : -.25rem
}
.mx-4 {
  margin-left : 1rem;
  margin-right : 1rem
}
.mx-auto {
  margin-left : auto;
  margin-right : auto
}
.my-1 {
  margin-bottom : .25rem;
  margin-top : .25rem
}
.-ml-4 {
  margin-left : -1rem
}
.-mt-4 {
  margin-top : -1rem
}
.mb-1 {
  margin-bottom : .25rem
}
.mb-2 {
  margin-bottom : .5rem
}
.mb-3 {
  margin-bottom : .75rem
}
.mb-4 {
  margin-bottom : 1rem
}
.mb-6 {
  margin-bottom : 1.5rem
}
.mb-8 {
  margin-bottom : 2rem
}
.ml-1 {
  margin-left : .25rem
}
.ml-3 {
  margin-left : .75rem
}
.ml-auto {
  margin-left : auto
}
.mr-1 {
  margin-right : .25rem
}
.mr-2 {
  margin-right : .5rem
}
.mt-1 {
  margin-top : .25rem
}
.mt-1\.5 {
  margin-top : .375rem
}
.mt-2 {
  margin-top : .5rem
}
.mt-24 {
  margin-top : 6rem
}
.mt-3 {
  margin-top : .75rem
}
.mt-4 {
  margin-top : 1rem
}
.mt-8 {
  margin-top : 2rem
}
.mt-auto {
  margin-top : auto
}
.block {
  display : block
}
.flex {
  display : flex
}
.inline-flex {
  display : inline-flex
}
.table {
  display : table
}
.grid {
  display : grid
}
.hidden {
  display : none
}
.aspect-square {
  aspect-ratio : 1/1
}
.h-1\.5 {
  height : .375rem
}
.h-10 {
  height : 2.5rem
}
.h-2 {
  height : .5rem
}
.h-2\.5 {
  height : .625rem
}
.h-3 {
  height : .75rem
}
.h-3\.5 {
  height : .875rem
}
.h-4 {
  height : 1rem
}
.h-5 {
  height : 1.25rem
}
.h-6 {
  height : 1.5rem
}
.h-7 {
  height : 1.75rem
}
.h-8 {
  height : 2rem
}
.h-9 {
  height : 2.25rem
}
.h-\[1px\] {
  height : 1px
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\] {
  height : var(--radix-navigation-menu-viewport-height)
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height : var(--radix-select-trigger-height)
}
.h-auto {
  height : auto
}
.h-full {
  height : 100%
}
.h-px {
  height : 1px
}
.max-h-\[--radix-context-menu-content-available-height\] {
  max-height : var(--radix-context-menu-content-available-height)
}
.max-h-\[--radix-select-content-available-height\] {
  max-height : var(--radix-select-content-available-height)
}
.max-h-\[300px\] {
  max-height : 300px
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height : var(--radix-dropdown-menu-content-available-height)
}
.max-h-screen {
  max-height : 100vh
}
.min-h-\[60px\] {
  min-height : 60px
}
.w-10 {
  width : 2.5rem
}
.w-2 {
  width : .5rem
}
.w-2\.5 {
  width : .625rem
}
.w-3 {
  width : .75rem
}
.w-3\.5 {
  width : .875rem
}
.w-3\/4 {
  width : 75%
}
.w-4 {
  width : 1rem
}
.w-5 {
  width : 1.25rem
}
.w-6 {
  width : 1.5rem
}
.w-64 {
  width : 16rem
}
.w-7 {
  width : 1.75rem
}
.w-72 {
  width : 18rem
}
.w-8 {
  width : 2rem
}
.w-9 {
  width : 2.25rem
}
.w-\[100px\] {
  width : 100px
}
.w-\[1px\] {
  width : 1px
}
.w-auto {
  width : auto
}
.w-full {
  width : 100%
}
.w-max {
  width : -webkit-max-content;
  width : max-content
}
.w-px {
  width : 1px
}
.min-w-0 {
  min-width : 0
}
.min-w-10 {
  min-width : 2.5rem
}
.min-w-8 {
  min-width : 2rem
}
.min-w-9 {
  min-width : 2.25rem
}
.min-w-\[12rem\] {
  min-width : 12rem
}
.min-w-\[8rem\] {
  min-width : 8rem
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width : var(--radix-select-trigger-width)
}
.max-w-\[160px\] {
  max-width : 160px
}
.max-w-\[240px\] {
  max-width : 240px
}
.max-w-lg {
  max-width : 32rem
}
.max-w-max {
  max-width : -webkit-max-content;
  max-width : max-content
}
.max-w-md {
  max-width : 28rem
}
.flex-1 {
  flex : 1 1
}
.flex-shrink-0, .shrink-0 {
  flex-shrink : 0
}
.grow {
  flex-grow : 1
}
.grow-0 {
  flex-grow : 0
}
.basis-full {
  flex-basis : 100%
}
.caption-bottom {
  caption-side : bottom
}
.border-collapse {
  border-collapse : collapse
}
.origin-\[--radix-context-menu-content-transform-origin\] {
  transform-origin : var(--radix-context-menu-content-transform-origin)
}
.origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin : var(--radix-dropdown-menu-content-transform-origin)
}
.origin-\[--radix-hover-card-content-transform-origin\] {
  transform-origin : var(--radix-hover-card-content-transform-origin)
}
.origin-\[--radix-menubar-content-transform-origin\] {
  transform-origin : var(--radix-menubar-content-transform-origin)
}
.origin-\[--radix-popover-content-transform-origin\] {
  transform-origin : var(--radix-popover-content-transform-origin)
}
.origin-\[--radix-select-content-transform-origin\] {
  transform-origin : var(--radix-select-content-transform-origin)
}
.origin-\[--radix-tooltip-content-transform-origin\] {
  transform-origin : var(--radix-tooltip-content-transform-origin)
}
.-translate-x-1\/2 {
  --tw-translate-x : -50%
}
.-translate-x-1\/2, .-translate-y-1\/2 {
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-1\/2 {
  --tw-translate-y : -50%
}
.translate-x-\[-50\%\] {
  --tw-translate-x : -50%
}
.translate-x-\[-50\%\], .translate-y-\[-50\%\] {
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[-50\%\] {
  --tw-translate-y : -50%
}
.rotate-45 {
  --tw-rotate : 45deg
}
.rotate-45, .rotate-90 {
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-90 {
  --tw-rotate : 90deg
}
.transform {
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes pulse {
  50%{opacity : .5
}
}.animate-pulse {
  animation : pulse 2s cubic-bezier(.4, 0,.6, 1) infinite
}
@keyframes spin {
  to{transform : rotate(1turn)
}
}.animate-spin {
  animation : spin 1s linear infinite
}
.cursor-default {
  cursor : default
}
.cursor-pointer {
  cursor : pointer
}
.touch-none {
  touch-action : none
}
.select-none {
  -webkit-user-select : none;
  user-select : none
}
.resize {
  resize : both
}
.list-none {
  list-style-type : none
}
.grid-cols-2 {
  grid-template-columns : repeat(2, minmax(0, 1fr))
}
.flex-row {
  flex-direction : row
}
.flex-col {
  flex-direction : column
}
.flex-col-reverse {
  flex-direction : column-reverse
}
.flex-wrap {
  flex-wrap : wrap
}
.items-end {
  align-items : flex-end
}
.items-center {
  align-items : center
}
.justify-center {
  justify-content : center
}
.justify-between {
  justify-content : space-between
}
.gap-1 {
  gap : .25rem
}
.gap-1\.5 {
  gap : .375rem
}
.gap-2 {
  gap : .5rem
}
.gap-3 {
  gap : .75rem
}
.gap-4 {
  gap : 1rem
}
.gap-6 {
  gap : 1.5rem
}
  .space-x-1> : not([hidden])~ : not([hidden]) {
  --tw-space-x-reverse : 0;
  margin-left : calc(.25rem*(1 - var(--tw-space-x-reverse)));
  margin-right : calc(.25rem*var(--tw-space-x-reverse))
}
  .space-x-2> : not([hidden])~ : not([hidden]) {
  --tw-space-x-reverse : 0;
  margin-left : calc(.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right : calc(.5rem*var(--tw-space-x-reverse))
}
  .space-y-1> : not([hidden])~ : not([hidden]) {
  --tw-space-y-reverse : 0;
  margin-bottom : calc(.25rem*var(--tw-space-y-reverse));
  margin-top : calc(.25rem*(1 - var(--tw-space-y-reverse)))
}
  .space-y-1\.5> : not([hidden])~ : not([hidden]) {
  --tw-space-y-reverse : 0;
  margin-bottom : calc(.375rem*var(--tw-space-y-reverse));
  margin-top : calc(.375rem*(1 - var(--tw-space-y-reverse)))
}
  .space-y-2> : not([hidden])~ : not([hidden]) {
  --tw-space-y-reverse : 0;
  margin-bottom : calc(.5rem*var(--tw-space-y-reverse));
  margin-top : calc(.5rem*(1 - var(--tw-space-y-reverse)))
}
  .space-y-4> : not([hidden])~ : not([hidden]) {
  --tw-space-y-reverse : 0;
  margin-bottom : calc(1rem*var(--tw-space-y-reverse));
  margin-top : calc(1rem*(1 - var(--tw-space-y-reverse)))
}
.overflow-auto {
  overflow : auto
}
.overflow-hidden {
  overflow : hidden
}
.overflow-y-auto {
  overflow-y : auto
}
.overflow-x-hidden {
  overflow-x : hidden
}
.truncate {
  overflow : hidden;
  text-overflow : ellipsis
}
.truncate, .whitespace-nowrap {
  white-space : nowrap
}
.break-words {
  overflow-wrap : break-word
}
.rounded-2xl {
  border-radius : 1rem
}
.rounded-\[inherit\] {
  border-radius : inherit
}
.rounded-full {
  border-radius : 9999px
}
.rounded-lg {
  border-radius : 25px;
  border-radius : var(--radius)
}
.rounded-md {
  border-radius : 23px;
  border-radius : calc(var(--radius) - 2px)
}
.rounded-sm {
  border-radius : 21px;
  border-radius : calc(var(--radius) - 4px)
}
.rounded-xl {
  border-radius : .75rem
}
.rounded-t-\[10px\] {
  border-top-left-radius : 10px;
  border-top-right-radius : 10px
}
.rounded-tl-sm {
  border-top-left-radius : 21px;
  border-top-left-radius : calc(var(--radius) - 4px)
}
.border {
  border-width : 1px
}
.border-2 {
  border-width : 2px
}
.border-y {
  border-top-width : 1px
}
.border-b, .border-y {
  border-bottom-width : 1px
}
.border-l {
  border-left-width : 1px
}
.border-r {
  border-right-width : 1px
}
.border-t {
  border-top-width : 1px
}
.border-destructive {
  border-color : #ef4343;
  border-color : hsl(var(--destructive))
}
.border-destructive\/50 {
  border-color : #ef434380;
  border-color : hsl(var(--destructive)/.5)
}
.border-input {
  border-color : #333;
  border-color : hsl(var(--input))
}
.border-nebula-magenta\/20 {
  border-color : #d9036833
}
.border-primary {
  border-color : #d8036e;
  border-color : hsl(var(--primary))
}
.border-primary\/50 {
  border-color : #d8036e80;
  border-color : hsl(var(--primary)/.5)
}
.border-transparent {
  border-color : #0000
}
.border-white\/10 {
  border-color : #ffffff1a
}
.border-l-transparent {
  border-left-color : #0000
}
.border-t-transparent {
  border-top-color : #0000
}
.bg-accent {
  background-color : #00f5f5;
  background-color : hsl(var(--accent))
}
.bg-background {
  background-color : #0c0113;
  background-color : hsl(var(--background))
}
.bg-black\/30 {
  background-color : #0000004d
}
.bg-black\/80 {
  background-color : #000c
}
.bg-border {
  background-color : #333;
  background-color : hsl(var(--border))
}
.bg-card {
  background-color : #0c0113;
  background-color : hsl(var(--card))
}
.bg-destructive {
  background-color : #ef4343;
  background-color : hsl(var(--destructive))
}
.bg-foreground {
  background-color : #fafafa;
  background-color : hsl(var(--foreground))
}
.bg-muted {
  background-color : #2a1339;
  background-color : hsl(var(--muted))
}
.bg-muted\/50 {
  background-color : #2a133980;
  background-color : hsl(var(--muted)/.5)
}
.bg-popover {
  background-color : #12021d;
  background-color : hsl(var(--popover))
}
.bg-primary {
  background-color : #d8036e;
  background-color : hsl(var(--primary))
}
.bg-primary\/10 {
  background-color : #d8036e1a;
  background-color : hsl(var(--primary)/.1)
}
.bg-primary\/20 {
  background-color : #d8036e33;
  background-color : hsl(var(--primary)/.2)
}
.bg-secondary {
  background-color : #2d0449;
  background-color : hsl(var(--secondary))
}
.bg-transparent {
  background-color : initial
}
.bg-white\/5 {
  background-color : #ffffff0d
}
.bg-gradient-to-br {
  background-image : linear-gradient(to bottom right, var(--tw-gradient-stops))
}
.bg-gradient-to-r {
  background-image : linear-gradient(to right, var(--tw-gradient-stops))
}
.from-nebula-deep\/60 {
  --tw-gradient-from : #2e024999 var(--tw-gradient-from-position);--tw-gradient-to : #2e024900 var(--tw-gradient-to-position);--tw-gradient-stops : var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-nebula-magenta\/20 {
  --tw-gradient-from : #d9036833 var(--tw-gradient-from-position);--tw-gradient-to : #d9036800 var(--tw-gradient-to-position);--tw-gradient-stops : var(--tw-gradient-from), var(--tw-gradient-to)
}
.to-nebula-deep\/40 {
  --tw-gradient-to : #2e024966 var(--tw-gradient-to-position)
}
.to-nebula-magenta\/20 {
  --tw-gradient-to : #d9036833 var(--tw-gradient-to-position)
}
.fill-current {
  fill : currentColor
}
.fill-primary {
  fill : #d8036e;
  fill : hsl(var(--primary))
}
.fill-white {
  fill : #fff
}
.object-contain {
  object-fit : contain
}
.p-0 {
  padding : 0
}
.p-1 {
  padding : .25rem
}
.p-2 {
  padding : .5rem
}
.p-3 {
  padding : .75rem
}
.p-4 {
  padding : 1rem
}
.p-6 {
  padding : 1.5rem
}
.p-\[1px\] {
  padding : 1px
}
.px-1\.5 {
  padding-left : .375rem;
  padding-right : .375rem
}
.px-2 {
  padding-left : .5rem;
  padding-right : .5rem
}
.px-2\.5 {
  padding-left : .625rem;
  padding-right : .625rem
}
.px-3 {
  padding-left : .75rem;
  padding-right : .75rem
}
.px-4 {
  padding-left : 1rem;
  padding-right : 1rem
}
.px-8 {
  padding-left : 2rem;
  padding-right : 2rem
}
.py-0\.5 {
  padding-bottom : .125rem;
  padding-top : .125rem
}
.py-1 {
  padding-bottom : .25rem;
  padding-top : .25rem
}
.py-1\.5 {
  padding-bottom : .375rem;
  padding-top : .375rem
}
.py-2 {
  padding-bottom : .5rem;
  padding-top : .5rem
}
.py-3 {
  padding-bottom : .75rem;
  padding-top : .75rem
}
.py-4 {
  padding-bottom : 1rem;
  padding-top : 1rem
}
.py-6 {
  padding-bottom : 1.5rem;
  padding-top : 1.5rem
}
.pb-4 {
  padding-bottom : 1rem
}
.pl-2 {
  padding-left : .5rem
}
.pl-2\.5 {
  padding-left : .625rem
}
.pl-4 {
  padding-left : 1rem
}
.pl-8 {
  padding-left : 2rem
}
.pl-9 {
  padding-left : 2.25rem
}
.pr-2 {
  padding-right : .5rem
}
.pr-2\.5 {
  padding-right : .625rem
}
.pr-4 {
  padding-right : 1rem
}
.pr-6 {
  padding-right : 1.5rem
}
.pr-8 {
  padding-right : 2rem
}
.pt-0 {
  padding-top : 0
}
.pt-1 {
  padding-top : .25rem
}
.pt-4 {
  padding-top : 1rem
}
.text-left {
  text-align : left
}
.text-center {
  text-align : center
}
.align-middle {
  vertical-align : middle
}
.font-heading {
  font-family : Outfit, sans-serif
}
.text-2xl {
  font-size : 1.5rem;
  line-height : 2rem
}
.text-3xl {
  font-size : 1.875rem;
  line-height : 2.25rem
}
.text-\[0\.8rem\] {
  font-size : .8rem
}
.text-\[10px\] {
  font-size : 10px
}
.text-base {
  font-size : 1rem;
  line-height : 1.5rem
}
.text-lg {
  font-size : 1.125rem;
  line-height : 1.75rem
}
.text-sm {
  font-size : .875rem;
  line-height : 1.25rem
}
.text-xl {
  font-size : 1.25rem;
  line-height : 1.75rem
}
.text-xs {
  font-size : .75rem;
  line-height : 1rem
}
.font-bold {
  font-weight : 700
}
.font-medium {
  font-weight : 500
}
.font-normal {
  font-weight : 400
}
.font-semibold {
  font-weight : 600
}
.uppercase {
  text-transform : uppercase
}
.leading-none {
  line-height : 1
}
.leading-relaxed {
  line-height : 1.625
}
.tracking-tight {
  letter-spacing : -.025em
}
.tracking-wide {
  letter-spacing : .025em
}
.tracking-wider {
  letter-spacing : .05em
}
.tracking-widest {
  letter-spacing : .1em
}
.text-accent-foreground {
  color : #000;
  color : hsl(var(--accent-foreground))
}
.text-card-foreground {
  color : #fafafa;
  color : hsl(var(--card-foreground))
}
.text-current {
  color : currentColor
}
.text-destructive {
  color : #ef4343;
  color : hsl(var(--destructive))
}
.text-destructive-foreground {
  color : #fafafa;
  color : hsl(var(--destructive-foreground))
}
.text-foreground {
  color : #fafafa;
  color : hsl(var(--foreground))
}
.text-foreground\/50 {
  color : #fafafa80;
  color : hsl(var(--foreground)/.5)
}
.text-gray-400 {
  --tw-text-opacity : 1;
  color : #9ca3af;
  color : rgb(156 163 175/var(--tw-text-opacity, 1))
}
.text-gray-500 {
  --tw-text-opacity : 1;
  color : #6b7280;
  color : rgb(107 114 128/var(--tw-text-opacity, 1))
}
.text-muted-foreground {
  color : #999;
  color : hsl(var(--muted-foreground))
}
.text-nebula-cyan {
  --tw-text-opacity : 1;
  color : #00fff5;
  color : rgb(0 255 245/var(--tw-text-opacity, 1))
}
.text-nebula-magenta {
  --tw-text-opacity : 1;
  color : #d90368;
  color : rgb(217 3 104/var(--tw-text-opacity, 1))
}
.text-popover-foreground {
  color : #fafafa;
  color : hsl(var(--popover-foreground))
}
.text-primary {
  color : #d8036e;
  color : hsl(var(--primary))
}
.text-primary-foreground {
  color : #fff;
  color : hsl(var(--primary-foreground))
}
.text-secondary-foreground {
  color : #fafafa;
  color : hsl(var(--secondary-foreground))
}
.text-white {
  --tw-text-opacity : 1;
  color : #fff;
  color : rgb(255 255 255/var(--tw-text-opacity, 1))
}
.text-white\/70 {
  color : #ffffffb3
}
.underline-offset-4 {
  text-underline-offset : 4px
}
.opacity-0 {
  opacity : 0
}
.opacity-50 {
  opacity : .5
}
.opacity-60 {
  opacity : .6
}
.opacity-70 {
  opacity : .7
}
.opacity-90 {
  opacity : .9
}
.shadow {
  --tw-shadow : 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored : 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}
.shadow, .shadow-lg {
  box-shadow : 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-lg {
  --tw-shadow : 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored : 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}
.shadow-md {
  --tw-shadow : 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored : 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}
.shadow-md, .shadow-sm {
  box-shadow : 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sm {
  --tw-shadow : 0 1px 2px 0 #0000000d;--tw-shadow-colored : 0 1px 2px 0 var(--tw-shadow-color)
}
.outline-none {
  outline : 2px solid #0000;
  outline-offset : 2px
}
.outline {
  outline-style : solid
}
.ring-0 {
  --tw-ring-offset-shadow : var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow : var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.ring-0, .ring-1 {
  box-shadow : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-1 {
  --tw-ring-offset-shadow : var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow : var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.ring-ring {
  --tw-ring-color : hsl(var(--ring))
}
.ring-offset-background {
  --tw-ring-offset-color : hsl(var(--background))
}
.filter {
  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)
}
.transition {
  transition-duration : .15s;
  transition-property : color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property : color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property : color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function : cubic-bezier(.4, 0,.2, 1)
}
.transition-all {
  transition-duration : .15s;
  transition-property : all;
  transition-timing-function : cubic-bezier(.4, 0,.2, 1)
}
.transition-colors {
  transition-duration : .15s;
  transition-property : color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property : color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property : color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function : cubic-bezier(.4, 0,.2, 1)
}
.transition-opacity {
  transition-duration : .15s;
  transition-property : opacity;
  transition-timing-function : cubic-bezier(.4, 0,.2, 1)
}
.transition-transform {
  transition-duration : .15s;
  transition-property : transform;
  transition-timing-function : cubic-bezier(.4, 0,.2, 1)
}
.duration-1000 {
  transition-duration : 1s
}
.duration-200 {
  transition-duration : .2s
}
.duration-300 {
  transition-duration : .3s
}
.ease-in-out {
  transition-timing-function : cubic-bezier(.4, 0,.2, 1)
}
@keyframes enter {
  0%{opacity : 1;
  opacity : var(--tw-enter-opacity, 1);
  transform : translateZ(0) scaleX(1) rotate(0);
  transform : translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
}
}@keyframes exit {
  to{opacity : 1;
  opacity : var(--tw-exit-opacity, 1);
  transform : translateZ(0) scaleX(1) rotate(0);
  transform : translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
}
}.animate-in {
  --tw-enter-opacity : initial;--tw-enter-scale : initial;--tw-enter-rotate : initial;--tw-enter-translate-x : initial;--tw-enter-translate-y : initial;
  animation-duration : .15s;
  animation-name : enter
}
.fade-in-0 {
  --tw-enter-opacity : 0
}
.zoom-in-95 {
  --tw-enter-scale : .95
}
.duration-1000 {
  animation-duration : 1s
}
.duration-200 {
  animation-duration : .2s
}
.duration-300 {
  animation-duration : .3s
}
.ease-in-out {
  animation-timing-function : cubic-bezier(.4, 0,.2, 1)
}
  :root {
  --nebula-void : #0a0118;--nebula-deep : #2e0249;--nebula-magenta : #d90368;--nebula-cyan : #00fff5;--radius : 25px
}
* {
  box-sizing : border-box
}
body {
  -webkit-font-smoothing : antialiased;-moz-osx-font-smoothing : grayscale;
  background-color : #0a0118;
  background-color : var(--nebula-void);
  color : #fff;
  font-family : Manrope, -apple-system, BlinkMacSystemFont, sans-serif;
  margin : 0;
  overflow-x : hidden
}
h1, h2, h3, h4, h5, h6 {
  font-family : Outfit, sans-serif;
  font-weight : 700;
  letter-spacing : -.02em
}
  : : -webkit-scrollbar {
  height : 15px;
  width : 15px
}
  : : -webkit-scrollbar-track {
  background : #ffffff0d;
  border-radius : 5px
}
  : : -webkit-scrollbar-thumb {
  background : #d9036866;
  border-radius : 5px
}
  : : -webkit-scrollbar-thumb : hover {
  background : #d9036899
}
  : : selection {
  background : #d9036866;
  color : #fff
}
.glass-panel {
  backdrop-filter : blur(20px);-webkit-backdrop-filter : blur(20px);
  background : #ffffff08;
  border : 1px solid #ffffff14;
  box-shadow : 0 8px 32px 0 #0000005c
}
  .glass-panel-hover : hover {
  background : #ffffff0f;
  border-color : #ffffff26
}
.neon-glow-magenta {
  box-shadow : 0 0 20px #d9036866, 0 0 40px #d9036833
}
.neon-glow-cyan {
  box-shadow : 0 0 15px #00fff566, 0 0 30px #00fff533
}
.text-glow-magenta {
  text-shadow : 0 0 10px #d9036899, 0 0 20px #d9036866
}
.text-glow-cyan {
  text-shadow : 0 0 10px #00fff599, 0 0 20px #00fff566
}
.bg-blob {
  animation : pulse-glow 8s ease-in-out infinite;
  border-radius : 50%;
  filter : blur(80px);
  opacity : .6;
  position : absolute
}
  .file\ : border-0 : :-webkit-file-upload-button {
  border-width : 0
}
  .file\ : border-0 : :file-selector-button {
  border-width : 0
}
  .file\ : bg-transparent : :-webkit-file-upload-button {
  background-color : initial
}
  .file\ : bg-transparent : :file-selector-button {
  background-color : initial
}
  .file\ : text-sm : :-webkit-file-upload-button {
  font-size : .875rem;
  line-height : 1.25rem
}
  .file\ : text-sm : :file-selector-button {
  font-size : .875rem;
  line-height : 1.25rem
}
  .file\ : font-medium : :-webkit-file-upload-button {
  font-weight : 500
}
  .file\ : font-medium : :file-selector-button {
  font-weight : 500
}
  .file\ : text-foreground : :-webkit-file-upload-button {
  color : #fafafa;
  color : hsl(var(--foreground))
}
  .file\ : text-foreground : :file-selector-button {
  color : #fafafa;
  color : hsl(var(--foreground))
}
  .placeholder\ : text-gray-500 : :placeholder {
  --tw-text-opacity : 1;
  color : #6b7280;
  color : rgb(107 114 128/var(--tw-text-opacity, 1))
}
  .placeholder\ : text-muted-foreground : :placeholder {
  color : #999;
  color : hsl(var(--muted-foreground))
}
  .after\ : absolute : after {
  content : var(--tw-content);
  position : absolute
}
  .after\ : inset-y-0 : after {
  bottom : 0;
  content : var(--tw-content);
  top : 0
}
  .after\ : left-1\/2 : after {
  content : var(--tw-content);
  left : 50%
}
  .after\ : w-1 : after {
  content : var(--tw-content);
  width : .25rem
}
  .after\ : -translate-x-1\/2 : after {
  --tw-translate-x : -50%;
  content : var(--tw-content);
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .first\ : rounded-l-md : first-child {
  border-bottom-left-radius : 23px;
  border-bottom-left-radius : calc(var(--radius) - 2px);
  border-top-left-radius : 23px;
  border-top-left-radius : calc(var(--radius) - 2px)
}
  .first\ : border-l : first-child {
  border-left-width : 1px
}
  .last\ : rounded-r-md : last-child {
  border-bottom-right-radius : 23px;
  border-bottom-right-radius : calc(var(--radius) - 2px);
  border-top-right-radius : 23px;
  border-top-right-radius : calc(var(--radius) - 2px)
}
  .focus-within\ : relative : focus-within {
  position : relative
}
  .focus-within\ : z-20 : focus-within {
  z-index : 20
}
  .hover\ : border-nebula-magenta\/20 : hover {
  border-color : #d9036833
}
  .hover\ : bg-accent : hover {
  background-color : #00f5f5;
  background-color : hsl(var(--accent))
}
  .hover\ : bg-destructive\/80 : hover {
  background-color : #ef4343cc;
  background-color : hsl(var(--destructive)/.8)
}
  .hover\ : bg-destructive\/90 : hover {
  background-color : #ef4343e6;
  background-color : hsl(var(--destructive)/.9)
}
  .hover\ : bg-muted : hover {
  background-color : #2a1339;
  background-color : hsl(var(--muted))
}
  .hover\ : bg-muted\/50 : hover {
  background-color : #2a133980;
  background-color : hsl(var(--muted)/.5)
}
  .hover\ : bg-nebula-magenta\/10 : hover {
  background-color : #d903681a
}
  .hover\ : bg-nebula-magenta\/20 : hover {
  background-color : #d9036833
}
  .hover\ : bg-primary : hover {
  background-color : #d8036e;
  background-color : hsl(var(--primary))
}
  .hover\ : bg-primary\/80 : hover {
  background-color : #d8036ecc;
  background-color : hsl(var(--primary)/.8)
}
  .hover\ : bg-primary\/90 : hover {
  background-color : #d8036ee6;
  background-color : hsl(var(--primary)/.9)
}
  .hover\ : bg-secondary : hover {
  background-color : #2d0449;
  background-color : hsl(var(--secondary))
}
  .hover\ : bg-secondary\/80 : hover {
  background-color : #2d0449cc;
  background-color : hsl(var(--secondary)/.8)
}
  .hover\ : text-accent-foreground : hover {
  color : #000;
  color : hsl(var(--accent-foreground))
}
  .hover\ : text-foreground : hover {
  color : #fafafa;
  color : hsl(var(--foreground))
}
  .hover\ : text-muted-foreground : hover {
  color : #999;
  color : hsl(var(--muted-foreground))
}
  .hover\ : text-nebula-magenta : hover {
  --tw-text-opacity : 1;
  color : #d90368;
  color : rgb(217 3 104/var(--tw-text-opacity, 1))
}
  .hover\ : text-primary-foreground : hover {
  color : #fff;
  color : hsl(var(--primary-foreground))
}
  .hover\ : underline : hover {
  -webkit-text-decoration-line : underline;
  text-decoration-line : underline
}
  .hover\ : opacity-100 : hover {
  opacity : 1
}
  .focus\ : border-nebula-magenta\/50 : focus {
  border-color : #d9036880
}
  .focus\ : bg-accent : focus {
  background-color : #00f5f5;
  background-color : hsl(var(--accent))
}
  .focus\ : bg-black\/40 : focus {
  background-color : #0006
}
  .focus\ : bg-primary : focus {
  background-color : #d8036e;
  background-color : hsl(var(--primary))
}
  .focus\ : text-accent-foreground : focus {
  color : #000;
  color : hsl(var(--accent-foreground))
}
  .focus\ : text-primary-foreground : focus {
  color : #fff;
  color : hsl(var(--primary-foreground))
}
  .focus\ : opacity-100 : focus {
  opacity : 1
}
  .focus\ : outline-none : focus {
  outline : 2px solid #0000;
  outline-offset : 2px
}
  .focus\ : ring-1 : focus {
  --tw-ring-offset-shadow : var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow : var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
  .focus\ : ring-1 : focus, .focus\ : ring-2 : focus {
  box-shadow : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
  .focus\ : ring-2 : focus {
  --tw-ring-offset-shadow : var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow : var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
  .focus\ : ring-ring : focus {
  --tw-ring-color : hsl(var(--ring))
}
  .focus\ : ring-offset-2 : focus {
  --tw-ring-offset-width : 2px
}
  .focus-visible\ : outline-none : focus-visible {
  outline : 2px solid #0000;
  outline-offset : 2px
}
  .focus-visible\ : ring-1 : focus-visible {
  --tw-ring-offset-shadow : var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow : var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
  .focus-visible\ : ring-2 : focus-visible {
  --tw-ring-offset-shadow : var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow : var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
  box-shadow : var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
  .focus-visible\ : ring-ring : focus-visible {
  --tw-ring-color : hsl(var(--ring))
}
  .focus-visible\ : ring-offset-1 : focus-visible {
  --tw-ring-offset-width : 1px
}
  .focus-visible\ : ring-offset-2 : focus-visible {
  --tw-ring-offset-width : 2px
}
  .focus-visible\ : ring-offset-background : focus-visible {
  --tw-ring-offset-color : hsl(var(--background))
}
  .disabled\ : pointer-events-none : disabled {
  pointer-events : none
}
  .disabled\ : cursor-not-allowed : disabled {
  cursor : not-allowed
}
  .disabled\ : opacity-50 : disabled {
  opacity : .5
}
  .group : hover .group-hover\ : text-gray-300 {
  --tw-text-opacity : 1;
  color : #d1d5db;
  color : rgb(209 213 219/var(--tw-text-opacity, 1))
}
  .group : hover .group-hover\ : text-nebula-magenta {
  --tw-text-opacity : 1;
  color : #d90368;
  color : rgb(217 3 104/var(--tw-text-opacity, 1))
}
  .group : hover .group-hover\ : opacity-100 {
  opacity : 1
}
  .group.destructive .group-\[\.destructive\]\ : border-muted\/40 {
  border-color : #2a133966;
  border-color : hsl(var(--muted)/.4)
}
  .group.toaster .group-\[\.toaster\]\ : border-border {
  border-color : #333;
  border-color : hsl(var(--border))
}
  .group.toast .group-\[\.toast\]\ : bg-muted {
  background-color : #2a1339;
  background-color : hsl(var(--muted))
}
  .group.toast .group-\[\.toast\]\ : bg-primary {
  background-color : #d8036e;
  background-color : hsl(var(--primary))
}
  .group.toaster .group-\[\.toaster\]\ : bg-background {
  background-color : #0c0113;
  background-color : hsl(var(--background))
}
  .group.destructive .group-\[\.destructive\]\ : text-red-300 {
  --tw-text-opacity : 1;
  color : #fca5a5;
  color : rgb(252 165 165/var(--tw-text-opacity, 1))
}
  .group.toast .group-\[\.toast\]\ : text-muted-foreground {
  color : #999;
  color : hsl(var(--muted-foreground))
}
  .group.toast .group-\[\.toast\]\ : text-primary-foreground {
  color : #fff;
  color : hsl(var(--primary-foreground))
}
  .group.toaster .group-\[\.toaster\]\ : text-foreground {
  color : #fafafa;
  color : hsl(var(--foreground))
}
  .group.toaster .group-\[\.toaster\]\ : shadow-lg {
  --tw-shadow : 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored : 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow : 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
  .group.destructive .group-\[\.destructive\]\ : hover\ : border-destructive\/30 : hover {
  border-color : #ef43434d;
  border-color : hsl(var(--destructive)/.3)
}
  .group.destructive .group-\[\.destructive\]\ : hover\ : bg-destructive : hover {
  background-color : #ef4343;
  background-color : hsl(var(--destructive))
}
  .group.destructive .group-\[\.destructive\]\ : hover\ : text-destructive-foreground : hover {
  color : #fafafa;
  color : hsl(var(--destructive-foreground))
}
  .group.destructive .group-\[\.destructive\]\ : hover\ : text-red-50 : hover {
  --tw-text-opacity : 1;
  color : #fef2f2;
  color : rgb(254 242 242/var(--tw-text-opacity, 1))
}
  .group.destructive .group-\[\.destructive\]\ : focus\ : ring-destructive : focus {
  --tw-ring-color : hsl(var(--destructive))
}
  .group.destructive .group-\[\.destructive\]\ : focus\ : ring-red-400 : focus {
  --tw-ring-opacity : 1;--tw-ring-color : rgb(248 113 113/var(--tw-ring-opacity, 1))
}
  .group.destructive .group-\[\.destructive\]\ : focus\ : ring-offset-red-600 : focus {
  --tw-ring-offset-color : #dc2626
}
  .peer : disabled~.peer-disabled\ : cursor-not-allowed {
  cursor : not-allowed
}
  .peer : disabled~.peer-disabled\ : opacity-70 {
  opacity : .7
}
  .has-\[\ : disabled\]\ : opacity-50 : has( : disabled) {
  opacity : .5
}
  .aria-selected\ : bg-accent[aria-selected=true] {
  background-color : #00f5f5;
  background-color : hsl(var(--accent))
}
  .aria-selected\ : bg-accent\/50[aria-selected=true] {
  background-color : #00f5f580;
  background-color : hsl(var(--accent)/.5)
}
  .aria-selected\ : text-accent-foreground[aria-selected=true] {
  color : #000;
  color : hsl(var(--accent-foreground))
}
  .aria-selected\ : text-muted-foreground[aria-selected=true] {
  color : #999;
  color : hsl(var(--muted-foreground))
}
  .aria-selected\ : opacity-100[aria-selected=true] {
  opacity : 1
}
  .data-\[disabled\=true\]\ : pointer-events-none[data-disabled=true], .data-\[disabled\]\ : pointer-events-none[data-disabled] {
  pointer-events : none
}
  .data-\[panel-group-direction\=vertical\]\ : h-px[data-panel-group-direction=vertical] {
  height : 1px
}
  .data-\[panel-group-direction\=vertical\]\ : w-full[data-panel-group-direction=vertical] {
  width : 100%
}
  .data-\[side\=bottom\]\ : translate-y-1[data-side=bottom] {
  --tw-translate-y : 0.25rem
}
  .data-\[side\=bottom\]\ : translate-y-1[data-side=bottom], .data-\[side\=left\]\ : -translate-x-1[data-side=left] {
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .data-\[side\=left\]\ : -translate-x-1[data-side=left] {
  --tw-translate-x : -0.25rem
}
  .data-\[side\=right\]\ : translate-x-1[data-side=right] {
  --tw-translate-x : 0.25rem
}
  .data-\[side\=right\]\ : translate-x-1[data-side=right], .data-\[side\=top\]\ : -translate-y-1[data-side=top] {
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .data-\[side\=top\]\ : -translate-y-1[data-side=top] {
  --tw-translate-y : -0.25rem
}
  .data-\[state\=checked\]\ : translate-x-4[data-state=checked] {
  --tw-translate-x : 1rem;
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .data-\[state\=unchecked\]\ : translate-x-0[data-state=unchecked], .data-\[swipe\=cancel\]\ : translate-x-0[data-swipe=cancel] {
  --tw-translate-x : 0px;
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .data-\[swipe\=end\]\ : translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
  --tw-translate-x : var(--radix-toast-swipe-end-x)
}
  .data-\[swipe\=end\]\ : translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end], .data-\[swipe\=move\]\ : translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .data-\[swipe\=move\]\ : translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
  --tw-translate-x : var(--radix-toast-swipe-move-x)
}
@keyframes accordion-up {
  0%{height : var(--radix-accordion-content-height)
}
to {
  height : 0
}
  }.data-\[state\=closed\]\ : animate-accordion-up[data-state=closed] {
  animation : accordion-up .2s ease-out
}
@keyframes accordion-down {
  0%{height : 0
}
to {
  height : var(--radix-accordion-content-height)
}
  }.data-\[state\=open\]\ : animate-accordion-down[data-state=open] {
  animation : accordion-down .2s ease-out
}
  .data-\[panel-group-direction\=vertical\]\ : flex-col[data-panel-group-direction=vertical] {
  flex-direction : column
}
  .data-\[selected\=true\]\ : bg-accent[data-selected=true] {
  background-color : #00f5f5;
  background-color : hsl(var(--accent))
}
  .data-\[state\=active\]\ : bg-background[data-state=active] {
  background-color : #0c0113;
  background-color : hsl(var(--background))
}
  .data-\[state\=checked\]\ : bg-primary[data-state=checked] {
  background-color : #d8036e;
  background-color : hsl(var(--primary))
}
  .data-\[state\=on\]\ : bg-accent[data-state=on], .data-\[state\=open\]\ : bg-accent[data-state=open] {
  background-color : #00f5f5;
  background-color : hsl(var(--accent))
}
  .data-\[state\=open\]\ : bg-accent\/50[data-state=open] {
  background-color : #00f5f580;
  background-color : hsl(var(--accent)/.5)
}
  .data-\[state\=open\]\ : bg-secondary[data-state=open] {
  background-color : #2d0449;
  background-color : hsl(var(--secondary))
}
  .data-\[state\=selected\]\ : bg-muted[data-state=selected] {
  background-color : #2a1339;
  background-color : hsl(var(--muted))
}
  .data-\[state\=unchecked\]\ : bg-input[data-state=unchecked] {
  background-color : #333;
  background-color : hsl(var(--input))
}
  .data-\[placeholder\]\ : text-muted-foreground[data-placeholder] {
  color : #999;
  color : hsl(var(--muted-foreground))
}
  .data-\[selected\=true\]\ : text-accent-foreground[data-selected=true] {
  color : #000;
  color : hsl(var(--accent-foreground))
}
  .data-\[state\=active\]\ : text-foreground[data-state=active] {
  color : #fafafa;
  color : hsl(var(--foreground))
}
  .data-\[state\=checked\]\ : text-primary-foreground[data-state=checked] {
  color : #fff;
  color : hsl(var(--primary-foreground))
}
  .data-\[state\=on\]\ : text-accent-foreground[data-state=on], .data-\[state\=open\]\ : text-accent-foreground[data-state=open] {
  color : #000;
  color : hsl(var(--accent-foreground))
}
  .data-\[state\=open\]\ : text-muted-foreground[data-state=open] {
  color : #999;
  color : hsl(var(--muted-foreground))
}
  .data-\[disabled\=true\]\ : opacity-50[data-disabled=true], .data-\[disabled\]\ : opacity-50[data-disabled] {
  opacity : .5
}
  .data-\[state\=active\]\ : shadow[data-state=active] {
  --tw-shadow : 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored : 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow : 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow : var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
  .data-\[swipe\=move\]\ : transition-none[data-swipe=move] {
  transition-property : none
}
  .data-\[state\=closed\]\ : duration-300[data-state=closed] {
  transition-duration : .3s
}
  .data-\[state\=open\]\ : duration-500[data-state=open] {
  transition-duration : .5s
}
  .data-\[motion\^\=from-\]\ : animate-in[data-motion^=from-], .data-\[state\=open\]\ : animate-in[data-state=open], .data-\[state\=visible\]\ : animate-in[data-state=visible] {
  --tw-enter-opacity : initial;--tw-enter-scale : initial;--tw-enter-rotate : initial;--tw-enter-translate-x : initial;--tw-enter-translate-y : initial;
  animation-duration : .15s;
  animation-name : enter
}
  .data-\[motion\^\=to-\]\ : animate-out[data-motion^=to-], .data-\[state\=closed\]\ : animate-out[data-state=closed], .data-\[state\=hidden\]\ : animate-out[data-state=hidden], .data-\[swipe\=end\]\ : animate-out[data-swipe=end] {
  --tw-exit-opacity : initial;--tw-exit-scale : initial;--tw-exit-rotate : initial;--tw-exit-translate-x : initial;--tw-exit-translate-y : initial;
  animation-duration : .15s;
  animation-name : exit
}
  .data-\[motion\^\=from-\]\ : fade-in[data-motion^=from-] {
  --tw-enter-opacity : 0
}
  .data-\[motion\^\=to-\]\ : fade-out[data-motion^=to-], .data-\[state\=closed\]\ : fade-out-0[data-state=closed] {
  --tw-exit-opacity : 0
}
  .data-\[state\=closed\]\ : fade-out-80[data-state=closed] {
  --tw-exit-opacity : 0.8
}
  .data-\[state\=hidden\]\ : fade-out[data-state=hidden] {
  --tw-exit-opacity : 0
}
  .data-\[state\=open\]\ : fade-in-0[data-state=open], .data-\[state\=visible\]\ : fade-in[data-state=visible] {
  --tw-enter-opacity : 0
}
  .data-\[state\=closed\]\ : zoom-out-95[data-state=closed] {
  --tw-exit-scale : .95
}
  .data-\[state\=open\]\ : zoom-in-90[data-state=open] {
  --tw-enter-scale : .9
}
  .data-\[state\=open\]\ : zoom-in-95[data-state=open] {
  --tw-enter-scale : .95
}
  .data-\[motion\=from-end\]\ : slide-in-from-right-52[data-motion=from-end] {
  --tw-enter-translate-x : 13rem
}
  .data-\[motion\=from-start\]\ : slide-in-from-left-52[data-motion=from-start] {
  --tw-enter-translate-x : -13rem
}
  .data-\[motion\=to-end\]\ : slide-out-to-right-52[data-motion=to-end] {
  --tw-exit-translate-x : 13rem
}
  .data-\[motion\=to-start\]\ : slide-out-to-left-52[data-motion=to-start] {
  --tw-exit-translate-x : -13rem
}
  .data-\[side\=bottom\]\ : slide-in-from-top-2[data-side=bottom] {
  --tw-enter-translate-y : -0.5rem
}
  .data-\[side\=left\]\ : slide-in-from-right-2[data-side=left] {
  --tw-enter-translate-x : 0.5rem
}
  .data-\[side\=right\]\ : slide-in-from-left-2[data-side=right] {
  --tw-enter-translate-x : -0.5rem
}
  .data-\[side\=top\]\ : slide-in-from-bottom-2[data-side=top] {
  --tw-enter-translate-y : 0.5rem
}
  .data-\[state\=closed\]\ : slide-out-to-bottom[data-state=closed] {
  --tw-exit-translate-y : 100%
}
  .data-\[state\=closed\]\ : slide-out-to-left[data-state=closed] {
  --tw-exit-translate-x : -100%
}
  .data-\[state\=closed\]\ : slide-out-to-left-1\/2[data-state=closed] {
  --tw-exit-translate-x : -50%
}
  .data-\[state\=closed\]\ : slide-out-to-right-full[data-state=closed], .data-\[state\=closed\]\ : slide-out-to-right[data-state=closed] {
  --tw-exit-translate-x : 100%
}
  .data-\[state\=closed\]\ : slide-out-to-top[data-state=closed] {
  --tw-exit-translate-y : -100%
}
  .data-\[state\=closed\]\ : slide-out-to-top-\[48\%\][data-state=closed] {
  --tw-exit-translate-y : -48%
}
  .data-\[state\=open\]\ : slide-in-from-bottom[data-state=open] {
  --tw-enter-translate-y : 100%
}
  .data-\[state\=open\]\ : slide-in-from-left[data-state=open] {
  --tw-enter-translate-x : -100%
}
  .data-\[state\=open\]\ : slide-in-from-left-1\/2[data-state=open] {
  --tw-enter-translate-x : -50%
}
  .data-\[state\=open\]\ : slide-in-from-right[data-state=open] {
  --tw-enter-translate-x : 100%
}
  .data-\[state\=open\]\ : slide-in-from-top[data-state=open] {
  --tw-enter-translate-y : -100%
}
  .data-\[state\=open\]\ : slide-in-from-top-\[48\%\][data-state=open] {
  --tw-enter-translate-y : -48%
}
  .data-\[state\=open\]\ : slide-in-from-top-full[data-state=open] {
  --tw-enter-translate-y : -100%
}
  .data-\[state\=closed\]\ : duration-300[data-state=closed] {
  animation-duration : .3s
}
  .data-\[state\=open\]\ : duration-500[data-state=open] {
  animation-duration : .5s
}
  .data-\[panel-group-direction\=vertical\]\ : after\ : left-0[data-panel-group-direction=vertical] : after {
  content : var(--tw-content);
  left : 0
}
  .data-\[panel-group-direction\=vertical\]\ : after\ : h-1[data-panel-group-direction=vertical] : after {
  content : var(--tw-content);
  height : .25rem
}
  .data-\[panel-group-direction\=vertical\]\ : after\ : w-full[data-panel-group-direction=vertical] : after {
  content : var(--tw-content);
  width : 100%
}
  .data-\[panel-group-direction\=vertical\]\ : after\ : -translate-y-1\/2[data-panel-group-direction=vertical] : after {
  --tw-translate-y : -50%;
  content : var(--tw-content);
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .data-\[panel-group-direction\=vertical\]\ : after\ : translate-x-0[data-panel-group-direction=vertical] : after {
  --tw-translate-x : 0px;
  content : var(--tw-content);
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .data-\[state\=open\]\ : focus\ : bg-accent : focus[data-state=open], .data-\[state\=open\]\ : hover\ : bg-accent : hover[data-state=open] {
  background-color : #00f5f5;
  background-color : hsl(var(--accent))
}
  .group[data-state=open] .group-data-\[state\=open\]\ : rotate-180 {
  --tw-rotate : 180deg;
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .dark\ : border-destructive : is(.dark *) {
  border-color : #ef4343;
  border-color : hsl(var(--destructive))
}
  @media (min-width : 640px) {
  .sm\ : bottom-0{bottom : 0
}
  .sm\ : right-0 {
  right : 0
}
  .sm\ : top-auto {
  top : auto
}
  .sm\ : mt-0 {
  margin-top : 0
}
  .sm\ : max-w-sm {
  max-width : 24rem
}
  .sm\ : flex-row {
  flex-direction : row
}
  .sm\ : flex-col {
  flex-direction : column
}
  .sm\ : justify-end {
  justify-content : flex-end
}
  .sm\ : gap-2\.5 {
  gap : .625rem
}
  .sm\ : space-x-2> : not([hidden])~ : not([hidden]) {
  --tw-space-x-reverse : 0;
  margin-left : calc(.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right : calc(.5rem*var(--tw-space-x-reverse))
}
  .sm\ : space-x-4> : not([hidden])~ : not([hidden]) {
  --tw-space-x-reverse : 0;
  margin-left : calc(1rem*(1 - var(--tw-space-x-reverse)));
  margin-right : calc(1rem*var(--tw-space-x-reverse))
}
  .sm\ : space-y-0> : not([hidden])~ : not([hidden]) {
  --tw-space-y-reverse : 0;
  margin-bottom : calc(0px*var(--tw-space-y-reverse));
  margin-top : calc(0px*(1 - var(--tw-space-y-reverse)))
}
  .sm\ : rounded-lg {
  border-radius : 25px;
  border-radius : var(--radius)
}
  .sm\ : text-left {
  text-align : left
}
  .data-\[state\=open\]\ : sm\ : slide-in-from-bottom-full[data-state=open] {
  --tw-enter-translate-y : 100%
}
  }@media (min-width : 768px) {
  .md\ : absolute{position : absolute
}
  .md\ : flex {
  display : flex
}
  .md\ : w-\[var\(--radix-navigation-menu-viewport-width\)\] {
  width : var(--radix-navigation-menu-viewport-width)
}
  .md\ : w-auto {
  width : auto
}
  .md\ : max-w-\[420px\] {
  max-width : 420px
}
  .md\ : flex-row {
  flex-direction : row
}
  .md\ : text-4xl {
  font-size : 2.25rem;
  line-height : 2.5rem
}
  .md\ : text-sm {
  font-size : .875rem;
  line-height : 1.25rem
}
  }.\[\&\+div\]\ : text-xs+div {
  font-size : .75rem;
  line-height : 1rem
}
  .\[\&\ : has\(\>\.day-range-end\)\]\ : rounded-r-md : has(>.day-range-end) {
  border-bottom-right-radius : 23px;
  border-bottom-right-radius : calc(var(--radius) - 2px);
  border-top-right-radius : 23px;
  border-top-right-radius : calc(var(--radius) - 2px)
}
  .\[\&\ : has\(\>\.day-range-start\)\]\ : rounded-l-md : has(>.day-range-start) {
  border-bottom-left-radius : 23px;
  border-bottom-left-radius : calc(var(--radius) - 2px);
  border-top-left-radius : 23px;
  border-top-left-radius : calc(var(--radius) - 2px)
}
  .\[\&\ : has\(\[aria-selected\]\)\]\ : rounded-md : has([aria-selected]) {
  border-radius : 23px;
  border-radius : calc(var(--radius) - 2px)
}
  .\[\&\ : has\(\[aria-selected\]\)\]\ : bg-accent : has([aria-selected]) {
  background-color : #00f5f5;
  background-color : hsl(var(--accent))
}
  .first\ : \[\&\ : has\(\[aria-selected\]\)\]\ : rounded-l-md : has([aria-selected]) : first-child {
  border-bottom-left-radius : 23px;
  border-bottom-left-radius : calc(var(--radius) - 2px);
  border-top-left-radius : 23px;
  border-top-left-radius : calc(var(--radius) - 2px)
}
  .last\ : \[\&\ : has\(\[aria-selected\]\)\]\ : rounded-r-md : has([aria-selected]) : last-child {
  border-bottom-right-radius : 23px;
  border-bottom-right-radius : calc(var(--radius) - 2px);
  border-top-right-radius : 23px;
  border-top-right-radius : calc(var(--radius) - 2px)
}
  .\[\&\ : has\(\[aria-selected\]\.day-outside\)\]\ : bg-accent\/50 : has([aria-selected].day-outside) {
  background-color : #00f5f580;
  background-color : hsl(var(--accent)/.5)
}
  .\[\&\ : has\(\[aria-selected\]\.day-range-end\)\]\ : rounded-r-md : has([aria-selected].day-range-end) {
  border-bottom-right-radius : 23px;
  border-bottom-right-radius : calc(var(--radius) - 2px);
  border-top-right-radius : 23px;
  border-top-right-radius : calc(var(--radius) - 2px)
}
  .\[\&\ : has\(\[role\=checkbox\]\)\]\ : pr-0 : has([role=checkbox]) {
  padding-right : 0
}
  .\[\&\>\[role\=checkbox\]\]\ : translate-y-\[2px\]>[role=checkbox] {
  --tw-translate-y : 2px;
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .\[\&\>span\]\ : line-clamp-1>span {
  -webkit-box-orient : vertical;-webkit-line-clamp : 1;
  display : -webkit-box;
  overflow : hidden
}
  .\[\&\>svg\+div\]\ : translate-y-\[-3px\]>svg+div {
  --tw-translate-y : -3px;
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .\[\&\>svg\]\ : absolute>svg {
  position : absolute
}
  .\[\&\>svg\]\ : left-4>svg {
  left : 1rem
}
  .\[\&\>svg\]\ : top-4>svg {
  top : 1rem
}
  .\[\&\>svg\]\ : size-4>svg {
  height : 1rem;
  width : 1rem
}
  .\[\&\>svg\]\ : h-3\.5>svg {
  height : .875rem
}
  .\[\&\>svg\]\ : w-3\.5>svg {
  width : .875rem
}
  .\[\&\>svg\]\ : shrink-0>svg {
  flex-shrink : 0
}
  .\[\&\>svg\]\ : text-destructive>svg {
  color : #ef4343;
  color : hsl(var(--destructive))
}
  .\[\&\>svg\]\ : text-foreground>svg {
  color : #fafafa;
  color : hsl(var(--foreground))
}
  .\[\&\>svg\~\*\]\ : pl-7>svg~* {
  padding-left : 1.75rem
}
  .\[\&\>tr\]\ : last\ : border-b-0 : last-child>tr {
  border-bottom-width : 0
}
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\ : rotate-90[data-panel-group-direction=vertical]>div {
  --tw-rotate : 90deg
}
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\ : rotate-90[data-panel-group-direction=vertical]>div, .\[\&\[data-state\=open\]\>svg\]\ : rotate-180[data-state=open]>svg {
  transform : translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
  .\[\&\[data-state\=open\]\>svg\]\ : rotate-180[data-state=open]>svg {
  --tw-rotate : 180deg
}
  .\[\&_\[cmdk-group-heading\]\]\ : px-2 [cmdk-group-heading] {
  padding-left : .5rem;
  padding-right : .5rem
}
  .\[\&_\[cmdk-group-heading\]\]\ : py-1\.5 [cmdk-group-heading] {
  padding-bottom : .375rem;
  padding-top : .375rem
}
  .\[\&_\[cmdk-group-heading\]\]\ : text-xs [cmdk-group-heading] {
  font-size : .75rem;
  line-height : 1rem
}
  .\[\&_\[cmdk-group-heading\]\]\ : font-medium [cmdk-group-heading] {
  font-weight : 500
}
  .\[\&_\[cmdk-group-heading\]\]\ : text-muted-foreground [cmdk-group-heading] {
  color : #999;
  color : hsl(var(--muted-foreground))
}
  .\[\&_\[cmdk-group\]\ : not\(\[hidden\]\)_\~\[cmdk-group\]\]\ : pt-0 [cmdk-group] : not([hidden])~[cmdk-group] {
  padding-top : 0
}
  .\[\&_\[cmdk-group\]\]\ : px-2 [cmdk-group] {
  padding-left : .5rem;
  padding-right : .5rem
}
  .\[\&_\[cmdk-input-wrapper\]_svg\]\ : h-5 [cmdk-input-wrapper] svg {
  height : 1.25rem
}
  .\[\&_\[cmdk-input-wrapper\]_svg\]\ : w-5 [cmdk-input-wrapper] svg {
  width : 1.25rem
}
  .\[\&_\[cmdk-input\]\]\ : h-12 [cmdk-input] {
  height : 3rem
}
  .\[\&_\[cmdk-item\]\]\ : px-2 [cmdk-item] {
  padding-left : .5rem;
  padding-right : .5rem
}
  .\[\&_\[cmdk-item\]\]\ : py-3 [cmdk-item] {
  padding-bottom : .75rem;
  padding-top : .75rem
}
  .\[\&_\[cmdk-item\]_svg\]\ : h-5 [cmdk-item] svg {
  height : 1.25rem
}
  .\[\&_\[cmdk-item\]_svg\]\ : w-5 [cmdk-item] svg {
  width : 1.25rem
}
  .\[\&_p\]\ : leading-relaxed p {
  line-height : 1.625
}
  .\[\&_svg\]\ : pointer-events-none svg {
  pointer-events : none
}
  .\[\&_svg\]\ : size-4 svg {
  height : 1rem;
  width : 1rem
}
  .\[\&_svg\]\ : shrink-0 svg {
  flex-shrink : 0
}
  .\[\&_tr\ : last-child\]\ : border-0 tr : last-child {
  border-width : 0
}
  .\[\&_tr\]\ : border-b tr {
  border-bottom-width : 1px
}
.mini-video-element {
  aspect-ratio : 16/9;
  background : #000;
  border-radius : 12px;
  display : block;
  object-fit : cover;
  width : 100%
}
.app-shell {
  grid-gap : 12px;
  background : linear-gradient(135deg, #0a0118, #150525 50%, #0a0118);
  bottom : 0;
  display : grid;
  gap : 12px;
  grid-template-areas : "header header header" "left-sidebar main right-sidebar" "footer footer footer";
  grid-template-columns : 280px 1fr 280px;
  grid-template-rows : 65px 1fr 30px;
  height : 100vh;
  left : 0;
  overflow : hidden;
  padding : 5px;
  position : fixed;
  right : 0;
  top : 0
}
  .app-shell : before {
  animation : pulse-glow 8s ease-in-out infinite;
  background : radial-gradient(circle, #d9036826 0, #0000 70%);
  height : 600px;
  right : -200px;
  top : -200px;
  width : 600px
}
  .app-shell : after, .app-shell : before {
  content : "";
  pointer-events : none;
  position : absolute
}
  .app-shell : after {
  animation : pulse-glow 10s ease-in-out infinite reverse;
  background : radial-gradient(circle, #2e02494d 0, #0000 70%);
  bottom : -150px;
  height : 500px;
  left : -150px;
  width : 500px
}
.header {
  align-items : center;
  background : #0a011866;
  border : 1px solid #ffffff14;
  border-radius : 10px;
  display : flex;
  grid-area : header;
  height : 100%;
  justify-content : space-between;
  min-height : 0;
  overflow : hidden;
  padding : 0 20px;
  position : relative;
  z-index : 10
}
  .header : before {
  bottom : 0;
  content : "";
  left : 0;
  overflow : hidden;
  position : absolute;
  right : 0;
  top : 0;
  z-index : -1
}
.header-bokeh {
  bottom : -100%;
  left : -5%;
  overflow : visible;
  position : absolute;
  right : -5%;
  top : -100%;
  z-index : 0
}
.header-bokeh .bokeh-blob {
  border-radius : 50%;
  filter : blur(18px);
  position : absolute
}
  .header-bokeh .bokeh-blob : first-child {
  animation : bokeh-drift-1 15s ease-in-out infinite;
  background : #8b5cf6;
  filter : blur(22px);
  height : 140px;
  left : 2%;
  opacity : .7;
  top : 30%;
  width : 140px
}
  .header-bokeh .bokeh-blob : nth-child(2) {
  animation : bokeh-drift-2 6s ease-in-out infinite;
  background : #3b82f6;
  filter : blur(12px);
  height : 50px;
  left : 12%;
  opacity : .8;
  top : 60%;
  width : 50px
}
  .header-bokeh .bokeh-blob : nth-child(3) {
  animation : bokeh-drift-3 11s ease-in-out infinite;
  background : #7c3aed;
  filter : blur(28px);
  height : 180px;
  left : 25%;
  opacity : .55;
  top : 20%;
  width : 180px
}
  .header-bokeh .bokeh-blob : nth-child(4) {
  animation : bokeh-drift-4 7s ease-in-out infinite;
  background : #d90368;
  filter : blur(15px);
  height : 90px;
  left : 40%;
  opacity : .75;
  top : 70%;
  width : 90px
}
  .header-bokeh .bokeh-blob : nth-child(5) {
  animation : bokeh-drift-5 4s ease-in-out infinite;
  background : #00fff5;
  filter : blur(20px);
  height : 40px;
  left : 55%;
  opacity : .6;
  top : 40%;
  width : 40px
}
  .header-bokeh .bokeh-blob : nth-child(6) {
  animation : bokeh-drift-6 14s ease-in-out infinite;
  background : #b91c1c;
  filter : blur(25px);
  height : 160px;
  left : 68%;
  opacity : .6;
  top : 25%;
  width : 160px
}
  .header-bokeh .bokeh-blob : nth-child(7) {
  animation : bokeh-drift-7 9s ease-in-out infinite;
  background : #a855f7;
  filter : blur(14px);
  height : 70px;
  left : 82%;
  opacity : .7;
  top : 55%;
  width : 70px
}
  .header-bokeh .bokeh-blob : nth-child(8) {
  animation : bokeh-drift-8 5s ease-in-out infinite;
  background : #60a5fa;
  filter : blur(8px);
  height : 35px;
  left : 92%;
  opacity : .65;
  top : 35%;
  width : 35px
}
  .header-bokeh .bokeh-blob : nth-child(9) {
  animation : bokeh-drift-9 8s ease-in-out infinite;
  background : #ec4899;
  filter : blur(11px);
  height : 55px;
  left : 8%;
  opacity : .7;
  top : 65%;
  width : 55px
}
  .header-bokeh .bokeh-blob : nth-child(10) {
  animation : bokeh-drift-10 12s ease-in-out infinite;
  background : #6366f1;
  filter : blur(20px);
  height : 120px;
  left : 58%;
  opacity : .5;
  top : 45%;
  width : 120px
}
@keyframes bokeh-drift-1 {
  0%{transform : translate(0) scale(1)
}
25% {
  transform : translate(60px, -30px) scale(1.15)
}
50% {
  transform : translate(20px, 40px) scale(.9)
}
75% {
  transform : translate(-40px, -20px) scale(1.1)
}
to {
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-2 {
  0%{transform : translate(0) scale(1)
}
20% {
  transform : translate(-30px, 25px) scale(1.3)
}
40% {
  transform : translate(50px, 10px) scale(.8)
}
60% {
  transform : translate(20px, -35px) scale(1.2)
}
80% {
  transform : translate(-45px, -15px) scale(.9)
}
to {
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-3 {
  0%{transform : translate(0) scale(1)
}
33% {
  transform : translate(-50px, 35px) scale(1.1)
}
66% {
  transform : translate(40px, -25px) scale(.85)
}
to {
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-4 {
  0%{opacity : .75;
  transform : translate(0) scale(1)
}
15% {
  opacity : .9;
  transform : translate(35px, -40px) scale(1.25)
}
30% {
  opacity : .6;
  transform : translate(-25px, 20px) scale(.85)
}
45% {
  opacity : .8;
  transform : translate(55px, 30px) scale(1.1)
}
60% {
  opacity : .7;
  transform : translate(-40px, -25px) scale(.95)
}
75% {
  opacity : .85;
  transform : translate(20px, 45px) scale(1.15)
}
to {
  opacity : .75;
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-5 {
  0%{transform : translate(0) scale(1)
}
25% {
  transform : translate(-40px, -30px) scale(1.4)
}
50% {
  transform : translate(35px, 25px) scale(.7)
}
75% {
  transform : translate(50px, -40px) scale(1.2)
}
to {
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-6 {
  0%{transform : translate(0) scale(1)
}
50% {
  transform : translate(-70px, 30px) scale(1.2)
}
to {
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-7 {
  0%{transform : translate(0) scale(1)
}
20% {
  transform : translate(45px, 35px) scale(1.2)
}
40% {
  transform : translate(-30px, -20px) scale(.85)
}
60% {
  transform : translate(-50px, 40px) scale(1.1)
}
80% {
  transform : translate(35px, -30px) scale(.95)
}
to {
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-8 {
  0%{transform : translate(0) scale(1)
}
33% {
  transform : translate(-55px, 20px) scale(1.5)
}
66% {
  transform : translate(40px, -35px) scale(.75)
}
to {
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-9 {
  0%{transform : translate(0) scale(1)
}
25% {
  transform : translate(30px, -45px) scale(1.3)
}
50% {
  transform : translate(-35px, 30px) scale(.8)
}
75% {
  transform : translate(50px, 20px) scale(1.15)
}
to {
  transform : translate(0) scale(1)
}
}@keyframes bokeh-drift-10 {
  0%{transform : translate(0) scale(1)
}
20% {
  transform : translate(-40px, -30px) scale(1.1)
}
40% {
  transform : translate(30px, 45px) scale(.9)
}
60% {
  transform : translate(55px, -20px) scale(1.15)
}
80% {
  transform : translate(-25px, 35px) scale(.85)
}
to {
  transform : translate(0) scale(1)
}
}.header-content {
  align-items : center;
  display : flex;
  height : 100%;
  justify-content : space-between;
  position : relative;
  width : 100%;
  z-index : 1
}
.left-sidebar {
  grid-area : left-sidebar;
  padding : 20px 12px
}
.left-sidebar, .right-sidebar {
  border-radius : 10px;
  overflow-x : hidden;
  overflow-y : auto;
  z-index : 10
}
.right-sidebar {
  grid-area : right-sidebar;
  padding : 20px 16px
}
.main-content {
  border-radius : 10px;
  grid-area : main;
  overflow : hidden;
  position : relative;
  z-index : 10
}
.main-content-inner {
  height : 100%;
  overflow-x : hidden;
  overflow-y : auto;
  padding : 24px
}
.content-iframe {
  background : #0000;
  border : none;
  width : 100%
}
.content-iframe, .footer {
  border-radius : 10px;
  height : 100%
}
.footer {
  grid-area : footer;
  min-height : 0;
  padding : 0 24px;
  z-index : 10
}
.footer, .nav-item {
  align-items : center;
  display : flex;
  overflow : hidden
}
.nav-item {
  border-radius : 10px;
  color : #fff9;
  cursor : pointer;
  gap : 12px;
  padding : 12px 16px;
  position : relative;
  transition : color .3s ease, background-color .3s ease
}
  .nav-item : hover {
  background : #ffffff0d;
  color : #fff
}
.nav-item.active {
  background : #d903681a;
  border : 1px solid #d9036833;
  color : #d90368
}
  .nav-item.active : before {
  background : #d90368;
  border-radius : 0 3px 3px 0;
  box-shadow : 0 0 10px #d90368;
  content : "";
  height : 24px;
  left : 0;
  position : absolute;
  top : 50%;
  transform : translateY(-50%);
  width : 3px
}
.widget-card {
  background : #0003;
  border : 1px solid #ffffff0d;
  border-radius : 12px;
  margin-bottom : 16px;
  padding : 16px
}
  .widget-card : hover {
  border-color : #d903684d
}
.video-player-mini {
  width : 100%
}
.video-thumbnail {
  aspect-ratio : 16/9;
  border-radius : 12px;
  cursor : pointer;
  overflow : hidden;
  position : relative;
  width : 100%
}
.video-thumbnail img {
  height : 100%;
  object-fit : cover;
  transition : transform .3s;
  width : 100%
}
  .video-thumbnail : hover img {
  transform : scale(1.05)
}
.video-play-overlay {
  align-items : center;
  background : #0006;
  bottom : 0;
  display : flex;
  justify-content : center;
  left : 0;
  opacity : 1;
  position : absolute;
  right : 0;
  top : 0;
  transition : opacity .3s
}
  .video-thumbnail : hover .video-play-overlay {
  background : #00000080
}
.play-button-mini {
  align-items : center;
  background : #d90368e6;
  border-radius : 50%;
  box-shadow : 0 0 20px #d9036880;
  display : flex;
  height : 48px;
  justify-content : center;
  transition : transform .3s, box-shadow .3s;
  width : 48px
}
  .video-thumbnail : hover .play-button-mini {
  box-shadow : 0 0 30px #d90368b3;
  transform : scale(1.1)
}
.mini-slider {
  align-items : center;
  display : flex;
  gap : 8px;
  position : relative
}
.mini-slider-image {
  aspect-ratio : 16/9;
  border-radius : 12px;
  flex : 1 1;
  overflow : hidden
}
.mini-slider-image img {
  height : 100%;
  object-fit : cover;
  transition : opacity .5s ease;
  width : 100%
}
.mini-slider-btn {
  align-items : center;
  background : #d90368b3;
  border : none;
  border-radius : 50%;
  color : #fff;
  cursor : pointer;
  display : flex;
  flex-shrink : 0;
  height : 28px;
  justify-content : center;
  transition : background-color .3s, transform .2s;
  width : 28px
}
  .mini-slider-btn : hover {
  background : #d90368;
  transform : scale(1.1)
}
.mini-slider-dots {
  display : flex;
  gap : 4px;
  justify-content : center;
  margin-top : 10px
}
.mini-dot {
  background : #fff3;
  border-radius : 50%;
  height : 6px;
  transition : background-color .3s, transform .2s;
  width : 6px
}
.mini-dot.active {
  background : #d90368;
  transform : scale(1.3)
}
.btn-primary {
  background : #d90368;
  border : none;
  border-radius : 50px;
  box-shadow : 0 0 20px #d9036866;
  color : #fff;
  cursor : pointer;
  font-size : 12px;
  font-weight : 600;
  letter-spacing : .05em;
  padding : 10px 24px;
  text-transform : uppercase;
  transition : transform .2s ease, box-shadow .2s ease, background-color .2s ease
}
  .btn-primary : hover {
  background : #e91879;
  box-shadow : 0 0 30px #d9036899;
  transform : translateY(-2px)
}
.btn-secondary {
  background : #0000;
  border : 1px solid #fff3;
  border-radius : 50px;
  color : #fff;
  cursor : pointer;
  font-size : 12px;
  font-weight : 600;
  letter-spacing : .05em;
  padding : 10px 24px;
  text-transform : uppercase;
  transition : background-color .3s ease, border-color .3s ease
}
  .btn-secondary : hover {
  background : #ffffff1a;
  border-color : #fff6
}
.btn-join {
  background : #0000;
  border : 1px solid #00fff566;
  border-radius : 50px;
  box-shadow : 0 0 10px #00fff533;
  color : #fff;
  cursor : pointer;
  font-size : 12px;
  font-weight : 600;
  letter-spacing : .05em;
  padding : 10px 24px;
  text-transform : uppercase;
  transition : transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease
}
  .btn-join : hover {
  background : #00fff51a;
  border-color : #00fff599;
  box-shadow : 0 0 25px #00fff580;
  transform : translateY(-2px)
}
.ad-space {
  align-items : center;
  background : linear-gradient(135deg, #2e024966, #d9036833);
  border : 1px dashed #ffffff26;
  border-radius : 10px;
  color : #fff6;
  display : flex;
  font-size : 12px;
  justify-content : center;
  letter-spacing : .1em;
  text-transform : uppercase
}
.content-card {
  background : #0003;
  border : 1px solid #ffffff0d;
  border-radius : 10px;
  overflow : hidden;
  transition : border-color .3s ease, transform .3s ease
}
  .content-card : hover {
  border-color : #d9036866;
  transform : translateY(-4px)
}
.content-card img {
  height : 180px;
  object-fit : cover;
  width : 100%
}
.content-card-body {
  padding : 20px
}
.live-indicator {
  align-items : center;
  background : #00fff51a;
  border-radius : 50px;
  color : #00fff5;
  display : inline-flex;
  font-size : 11px;
  font-weight : 600;
  gap : 6px;
  padding : 4px 10px;
  text-transform : uppercase
}
  .live-indicator : before {
  animation : pulse-glow 1.5s ease-in-out infinite;
  background : #00fff5;
  border-radius : 50%;
  content : "";
  height : 6px;
  width : 6px
}
.social-link {
  align-items : center;
  background : #ffffff0d;
  border-radius : 10px;
  color : #fff9;
  display : flex;
  height : 40px;
  justify-content : center;
  transition : background-color .3s ease, color .3s ease, transform .2s ease;
  width : 40px
}
  .social-link : hover {
  background : #d9036833;
  color : #d90368;
  transform : scale(1.1)
}
.footer-column h4 {
  color : #fff;
  font-size : 14px;
  font-weight : 600;
  letter-spacing : .05em;
  margin-bottom : 16px;
  text-transform : uppercase
}
.footer-column ul {
  list-style : none;
  margin : 0;
  padding : 0
}
.footer-column li {
  margin-bottom : 10px
}
.footer-column a {
  color : #ffffff80;
  font-size : 14px;
  text-decoration : none;
  transition : color .3s ease
}
  .footer-column a : hover {
  color : #d90368
}
  @media (max-width : 1200px) {
  .app-shell{grid-template-columns : 200px 1fr 220px
}
  }@media (max-width : 992px) {
  .app-shell{grid-template-areas : "header" "mobile-menu" "main" "footer";
  grid-template-columns : 1fr;
  grid-template-rows : 5vh auto 1fr 3vh
}
.left-sidebar, .right-sidebar {
  display : none
}
  }@media (min-width : 993px) {
  .mobile-menu{display : none!important
}
}@keyframes pulse-glow {
  0%, to{opacity : .4;
  transform : scale(1)
}
50% {
  opacity : .6;
  transform : scale(1.02)
}
}.landing-page {
  align-items : center;
  background : linear-gradient(135deg, #0a0118, #150525 50%, #0a0118);
  display : flex;
  justify-content : center;
  position : fixed;
  z-index : 9999
}
.landing-bokeh, .landing-page {
  bottom : 0;
  left : 0;
  overflow : hidden;
  right : 0;
  top : 0
}
.landing-bokeh {
  position : absolute
}
.landing-bokeh .bokeh-blob {
  border-radius : 50%;
  position : absolute
}
  .landing-bokeh .bokeh-blob : first-child {
  animation : bokeh-drift-1 15s ease-in-out infinite;
  background : #8b5cf6;
  filter : blur(60px);
  height : 300px;
  left : 5%;
  opacity : .5;
  top : 10%;
  width : 300px
}
  .landing-bokeh .bokeh-blob : nth-child(2) {
  animation : bokeh-drift-2 8s ease-in-out infinite;
  background : #3b82f6;
  filter : blur(40px);
  height : 150px;
  left : 15%;
  opacity : .6;
  top : 60%;
  width : 150px
}
  .landing-bokeh .bokeh-blob : nth-child(3) {
  animation : bokeh-drift-3 12s ease-in-out infinite;
  background : #7c3aed;
  filter : blur(80px);
  height : 400px;
  left : 30%;
  opacity : .4;
  top : 20%;
  width : 400px
}
  .landing-bokeh .bokeh-blob : nth-child(4) {
  animation : bokeh-drift-4 10s ease-in-out infinite;
  background : #d90368;
  filter : blur(50px);
  height : 200px;
  left : 50%;
  opacity : .6;
  top : 50%;
  width : 200px
}
  .landing-bokeh .bokeh-blob : nth-child(5) {
  animation : bokeh-drift-5 6s ease-in-out infinite;
  background : #00fff5;
  filter : blur(35px);
  height : 120px;
  left : 70%;
  opacity : .5;
  top : 30%;
  width : 120px
}
  .landing-bokeh .bokeh-blob : nth-child(6) {
  animation : bokeh-drift-6 14s ease-in-out infinite;
  background : #b91c1c;
  filter : blur(70px);
  height : 350px;
  left : 75%;
  opacity : .4;
  top : 60%;
  width : 350px
}
  .landing-bokeh .bokeh-blob : nth-child(7) {
  animation : bokeh-drift-7 9s ease-in-out infinite;
  background : #a855f7;
  filter : blur(45px);
  height : 180px;
  left : 40%;
  opacity : .5;
  top : 80%;
  width : 180px
}
  .landing-bokeh .bokeh-blob : nth-child(8) {
  animation : bokeh-drift-8 7s ease-in-out infinite;
  background : #60a5fa;
  filter : blur(30px);
  height : 100px;
  left : 85%;
  opacity : .6;
  top : 15%;
  width : 100px
}
  .landing-bokeh .bokeh-blob : nth-child(9) {
  animation : bokeh-drift-9 11s ease-in-out infinite;
  background : #ec4899;
  filter : blur(40px);
  height : 160px;
  left : 10%;
  opacity : .5;
  top : 75%;
  width : 160px
}
  .landing-bokeh .bokeh-blob : nth-child(10) {
  animation : bokeh-drift-10 13s ease-in-out infinite;
  background : #6366f1;
  filter : blur(60px);
  height : 280px;
  left : 60%;
  opacity : .4;
  top : 40%;
  width : 280px
}
  .landing-bokeh .bokeh-blob : nth-child(11) {
  animation : bokeh-drift-1 16s ease-in-out infinite reverse;
  background : #d90368;
  filter : blur(55px);
  height : 220px;
  left : 45%;
  opacity : .5;
  top : 5%;
  width : 220px
}
  .landing-bokeh .bokeh-blob : nth-child(12) {
  animation : bokeh-drift-3 8s ease-in-out infinite;
  background : #00fff5;
  filter : blur(35px);
  height : 130px;
  left : 80%;
  opacity : .6;
  top : 85%;
  width : 130px
}
  .landing-bokeh .bokeh-blob : nth-child(13) {
  animation : bokeh-drift-5 11s ease-in-out infinite reverse;
  background : #8b5cf6;
  filter : blur(65px);
  height : 250px;
  left : 20%;
  opacity : .4;
  top : 45%;
  width : 250px
}
  .landing-bokeh .bokeh-blob : nth-child(14) {
  animation : bokeh-drift-7 9s ease-in-out infinite;
  background : #b91c1c;
  filter : blur(45px);
  height : 180px;
  left : 90%;
  opacity : .5;
  top : 25%;
  width : 180px
}
  .landing-bokeh .bokeh-blob : nth-child(15) {
  animation : bokeh-drift-2 14s ease-in-out infinite reverse;
  background : #7c3aed;
  filter : blur(75px);
  height : 320px;
  left : 55%;
  opacity : .35;
  top : 70%;
  width : 320px
}
.landing-content {
  align-items : center;
  display : flex;
  flex-direction : column;
  padding : 40px;
  position : relative;
  text-align : center;
  z-index : 10
}
.landing-logo {
  animation : float 6s ease-in-out infinite;
  filter : drop-shadow(0 0 30px rgba(217, 3,104, .5));
  height : 200px;
  margin-bottom : 40px;
  max-width : 90vw;
  object-fit : contain;
  width : auto
}
@keyframes float {
  0%, to{transform : translateY(0)
}
50% {
  transform : translateY(-15px)
}
}.landing-warning {
  color : #fff;
  font-family : Outfit, sans-serif;
  font-size : 28px;
  font-weight : 700;
  letter-spacing : .15em;
  margin-bottom : 16px;
  text-shadow : 0 0 20px #d9036899;
  text-transform : uppercase
}
.landing-subtext {
  color : #fff9;
  font-size : 16px;
  margin-bottom : 40px
}
.landing-buttons {
  display : flex;
  gap : 24px;
  margin-bottom : 32px
}
.landing-btn {
  border : none;
  border-radius : 50px;
  cursor : pointer;
  font-family : Outfit, sans-serif;
  font-size : 16px;
  font-weight : 700;
  letter-spacing : .1em;
  padding : 16px 48px;
  text-transform : uppercase;
  transition : transform .3s, box-shadow .3s
}
.landing-btn-enter {
  background : linear-gradient(135deg, #d90368, #7c3aed);
  box-shadow : 0 0 30px #d9036880;
  color : #fff
}
  .landing-btn-enter : hover {
  box-shadow : 0 0 50px #d90368b3;
  transform : translateY(-3px) scale(1.05)
}
.landing-btn-exit {
  background : #0000;
  border : 2px solid #ffffff4d;
  color : #ffffffb3
}
  .landing-btn-exit : hover {
  border-color : #fff9;
  color : #fff;
  transform : translateY(-3px)
}
.landing-disclaimer {
  color : #fff6;
  font-size : 12px;
  max-width : 400px
}
  @media (max-width : 768px) {
  .landing-logo{height : 120px;
  margin-bottom : 32px
}
.landing-warning {
  font-size : 20px
}
.landing-buttons {
  flex-direction : column;
  gap : 16px
}
.landing-btn {
  padding : 14px 40px
}
}.iframe-content-wrapper {
  background : linear-gradient(135deg, #0a0118, #150525 50%, #0a0118);
  min-height : 100vh;
  padding : 0
}
.main-content-scroll {
  min-height : 100vh;
  padding : 24px
}
.media-gallery {
  width : 100%
}
.gallery-slider {
  margin-bottom : 24px
}
.slider-container {
  align-items : center;
  display : flex;
  gap : 16px;
  position : relative
}
.slider-image-container {
  aspect-ratio : 16/9;
  background : #0000004d;
  border-radius : 16px;
  cursor : pointer;
  flex : 1 1;
  overflow : hidden;
  position : relative
}
.slider-image {
  height : 100%;
  object-fit : cover;
  transition : transform .5s ease;
  width : 100%
}
  .slider-image-container : hover .slider-image {
  transform : scale(1.02)
}
.slider-overlay {
  background : linear-gradient(0deg, #000c, #0000);
  bottom : 0;
  left : 0;
  padding : 16px;
  position : absolute;
  right : 0
}
.slider-count {
  color : #fff;
  font-size : 14px;
  font-weight : 500
}
.slider-btn {
  align-items : center;
  background : #d90368cc;
  border : none;
  border-radius : 50%;
  color : #fff;
  cursor : pointer;
  display : flex;
  flex-shrink : 0;
  height : 48px;
  justify-content : center;
  transition : background-color .3s, transform .2s, box-shadow .3s;
  width : 48px
}
  .slider-btn : hover {
  background : #d90368;
  box-shadow : 0 0 20px #d9036880;
  transform : scale(1.1)
}
.slider-dots {
  display : flex;
  gap : 8px;
  justify-content : center;
  margin-top : 16px
}
.slider-dot {
  background : #ffffff4d;
  border : none;
  border-radius : 50%;
  cursor : pointer;
  height : 10px;
  transition : background-color .3s, transform .2s;
  width : 10px
}
  .slider-dot : hover {
  background : #ffffff80
}
.slider-dot.active {
  background : #d90368;
  box-shadow : 0 0 10px #d9036880;
  transform : scale(1.2)
}
.gallery-thumbnails {
  grid-gap : 12px;
  display : grid;
  gap : 12px;
  grid-template-columns : repeat(5, 1fr)
}
.thumbnail {
  aspect-ratio : 16/9;
  border : 2px solid #0000;
  border-radius : 12px;
  cursor : pointer;
  overflow : hidden;
  transition : border-color .3s, transform .2s
}
  .thumbnail : hover {
  border-color : #d9036880;
  transform : scale(1.02)
}
.thumbnail.active {
  border-color : #d90368;
  box-shadow : 0 0 15px #d9036866
}
.thumbnail img {
  height : 100%;
  object-fit : cover;
  width : 100%
}
.lightbox {
  background : #000000f2;
  bottom : 0;
  left : 0;
  padding : 40px;
  position : fixed;
  right : 0;
  top : 0;
  z-index : 9999
}
.lightbox, .lightbox-close {
  align-items : center;
  display : flex;
  justify-content : center
}
.lightbox-close {
  background : #ffffff1a;
  border : none;
  border-radius : 50%;
  color : #fff;
  cursor : pointer;
  height : 48px;
  position : absolute;
  right : 20px;
  top : 20px;
  transition : background-color .3s;
  width : 48px
}
  .lightbox-btn, .lightbox-close : hover {
  background : #d90368cc
}
.lightbox-btn {
  align-items : center;
  border : none;
  border-radius : 50%;
  color : #fff;
  cursor : pointer;
  display : flex;
  height : 56px;
  justify-content : center;
  position : absolute;
  top : 50%;
  transform : translateY(-50%);
  transition : background-color .3s, transform .2s;
  width : 56px
}
  .lightbox-btn : hover {
  background : #d90368;
  transform : translateY(-50%) scale(1.1)
}
.lightbox-prev {
  left : 20px
}
.lightbox-next {
  right : 20px
}
.lightbox-content {
  max-height : 80vh;
  max-width : 90vw;
  position : relative
}
.lightbox-content img {
  border-radius : 8px;
  max-height : 80vh;
  max-width : 100%;
  object-fit : contain
}
.lightbox-counter {
  color : #ffffffb3;
  font-size : 16px;
  margin-top : 16px;
  text-align : center
}
  @media (max-width : 768px) {
  .gallery-thumbnails{grid-template-columns : repeat(3, 1fr)
}
.slider-btn {
  height : 40px;
  width : 40px
}
.lightbox-btn {
  height : 44px;
  width : 44px
}
}.video-gallery {
  width : 100%
}
.video-player-main {
  background : #00000080;
  border : 1px solid #d903682e;
  border-radius : 16px;
  box-shadow : 0 12px 40px #00000073;
  margin-bottom : 16px;
  overflow : hidden
}
.video-player-element {
  aspect-ratio : 16/9;
  background : #000;
  display : block;
  max-height : 70vh;
  object-fit : contain;
  width : 100%
}
.video-title {
  background : linear-gradient(90deg, #d903681f, #0000);
  color : #ffffffd9;
  font-size : 14px;
  font-weight : 500;
  padding : 12px 16px
}
.video-thumbnails {
  grid-gap : 12px;
  display : grid;
  gap : 12px;
  grid-template-columns : repeat(auto-fill, minmax(180px, 1fr))
}
.video-thumb {
  aspect-ratio : 16/9;
  background : #0000004d;
  border : 1px solid #ffffff14;
  border-radius : 12px;
  cursor : pointer;
  overflow : hidden;
  padding : 0;
  position : relative;
  transition : transform .25s ease, border-color .25s ease, box-shadow .25s ease
}
.video-thumb img {
  height : 100%;
  object-fit : cover;
  transition : transform .4s ease;
  width : 100%
}
  .video-thumb : hover {
  border-color : #d9036899;
  box-shadow : 0 10px 24px #d9036840;
  transform : translateY(-2px)
}
  .video-thumb : hover img {
  transform : scale(1.05)
}
.video-thumb.active {
  border-color : #d90368e6;
  box-shadow : 0 0 0 2px #d9036859
}
.video-thumb-overlay {
  align-items : center;
  background : #00000059;
  display : flex;
  inset : 0;
  justify-content : center;
  opacity : 0;
  position : absolute;
  transition : opacity .25s ease
}
  .video-thumb.active .video-thumb-overlay, .video-thumb : hover .video-thumb-overlay {
  opacity : 1
}
.video-thumb-title {
  background : linear-gradient(0deg, #000000d9, #0000);
  bottom : 0;
  color : #fff;
  font-size : 11px;
  left : 0;
  padding : 6px 10px;
  position : absolute;
  right : 0;
  text-align : left
}
.auth-modal-backdrop {
  align-items : center;
  animation : auth-fade-in .2s ease-out;
  backdrop-filter : blur(14px);-webkit-backdrop-filter : blur(14px);
  background : #080212bf;
  display : flex;
  inset : 0;
  justify-content : center;
  padding : 24px;
  position : fixed;
  z-index : 1000
}
@keyframes auth-fade-in {
  0%{opacity : 0
}
to {
  opacity : 1
}
}.auth-modal {
  animation : auth-slide-up .25s cubic-bezier(.22, 1,.36, 1);
  background : linear-gradient(160deg, #1c0830f5, #0c0416f5);
  border : 1px solid #d9036840;
  border-radius : 24px;
  box-shadow : 0 30px 80px #000000a6, inset 0 0 0 1px #ffffff08;
  max-width : 420px;
  padding : 28px;
  position : relative;
  width : 100%
}
@keyframes auth-slide-up {
  0%{opacity : 0;
  transform : translateY(16px) scale(.98)
}
to {
  opacity : 1;
  transform : translateY(0) scale(1)
}
}.auth-modal-close {
  align-items : center;
  background : #ffffff0f;
  border : none;
  border-radius : 50%;
  color : #fff9;
  cursor : pointer;
  display : flex;
  height : 32px;
  justify-content : center;
  position : absolute;
  right : 16px;
  top : 16px;
  transition : background-color .2s, color .2s;
  width : 32px
}
  .auth-modal-close : hover {
  background : #d9036833;
  color : #fff
}
.auth-modal-header, .auth-tabs {
  margin-bottom : 20px
}
.auth-tabs {
  background : #ffffff0a;
  border-radius : 12px;
  display : flex;
  gap : 6px;
  padding : 4px
}
.auth-tab {
  background : #0000;
  border : none;
  border-radius : 9px;
  color : #ffffff8c;
  cursor : pointer;
  flex : 1 1;
  font-size : 13px;
  font-weight : 600;
  padding : 8px 12px;
  transition : background-color .2s, color .2s
}
  .auth-tab : hover {
  color : #ffffffd9
}
.auth-tab.active {
  background : linear-gradient(135deg, #d90368f2, #6e003cf2);
  box-shadow : 0 6px 18px #d9036859;
  color : #fff
}
.auth-form {
  gap : 14px
}
.auth-field, .auth-form {
  display : flex;
  flex-direction : column
}
.auth-field {
  gap : 6px
}
.auth-field-label {
  color : #ffffff8c;
  font-size : 11px;
  font-weight : 600;
  letter-spacing : .08em;
  text-transform : uppercase
}
.auth-input-wrap {
  position : relative
}
.auth-input-icon {
  color : #fff6;
  height : 16px;
  left : 12px;
  pointer-events : none;
  position : absolute;
  top : 50%;
  transform : translateY(-50%);
  width : 16px
}
.auth-input {
  background : #00000059;
  border : 1px solid #ffffff14;
  border-radius : 12px;
  color : #fff;
  font-size : 14px;
  padding : 11px 14px 11px 38px;
  transition : border-color .2s, background-color .2s, box-shadow .2s;
  width : 100%
}
  .auth-input : :placeholder {
  color : #ffffff4d
}
  .auth-input : focus {
  background : #00000080;
  border-color : #d9036899;
  box-shadow : 0 0 0 3px #d903681f;
  outline : none
}
.auth-error {
  align-items : flex-start;
  background : #dc26261f;
  border : 1px solid #dc262659;
  border-radius : 10px;
  color : #fca5a5f2;
  display : flex;
  font-size : 13px;
  gap : 8px;
  line-height : 1.4;
  padding : 10px 12px
}
.auth-submit {
  align-items : center;
  background : linear-gradient(135deg, #d90368, #6e003c);
  border : none;
  border-radius : 999px;
  box-shadow : 0 10px 28px #d9036859;
  color : #fff;
  cursor : pointer;
  display : flex;
  font-size : 14px;
  font-weight : 600;
  gap : 8px;
  justify-content : center;
  margin-top : 4px;
  padding : 12px 16px;
  transition : transform .15s ease, box-shadow .2s ease, opacity .2s ease
}
  .auth-submit : hover : not( : disabled) {
  box-shadow : 0 14px 32px #d9036873;
  transform : translateY(-1px)
}
  .auth-submit : disabled {
  cursor : not-allowed;
  opacity : .7
}
.auth-footer-text {
  color : #ffffff8c;
  font-size : 13px;
  margin-top : 16px;
  text-align : center
}
.auth-link {
  background : none;
  border : none;
  color : #ff64aa;
  cursor : pointer;
  font-weight : 600;
  padding : 0
}
  .auth-link : hover {
  text-decoration : underline
}
.nav-item.locked {
  opacity : .7
}
  .nav-item.locked : hover {
  opacity : 1
}
.user-menu {
  position : relative
}
.user-menu-trigger {
  align-items : center;
  background : #ffffff14;
  border : 1px solid #ffffff1a;
  border-radius : 999px;
  color : #fff;
  cursor : pointer;
  display : flex;
  font-size : 11px;
  font-weight : 600;
  gap : 6px;
  padding : 6px 10px;
  transition : background-color .2s, border-color .2s
}
  .user-menu-trigger : hover {
  background : #d903682e;
  border-color : #d9036866
}
.user-menu-name {
  max-width : 120px;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap
}
.user-menu-dropdown {
  background : linear-gradient(160deg, #1c0830fa, #0c0416fa);
  border : 1px solid #d9036840;
  border-radius : 14px;
  box-shadow : 0 20px 50px #0000008c;
  min-width : 220px;
  padding : 6px;
  position : fixed;
  z-index : 1100
}
.user-menu-email {
  border-bottom : 1px solid #ffffff0f;
  color : #ffffff8c;
  font-size : 12px;
  margin-bottom : 4px;
  overflow : hidden;
  padding : 8px 12px;
  text-overflow : ellipsis;
  white-space : nowrap
}
.user-menu-item {
  align-items : center;
  background : #0000;
  border : none;
  border-radius : 8px;
  color : #ffffffd9;
  cursor : pointer;
  display : flex;
  font-size : 13px;
  gap : 8px;
  padding : 8px 12px;
  text-align : left;
  transition : background-color .15s;
  width : 100%
}
  .user-menu-item : hover {
  background : #d903682e;
  color : #fff
}
.guest-teaser {
  align-items : flex-start;
  text-align : left
}
.guest-teaser, .mobile-menu {
  display : flex;
  flex-direction : column
}
.mobile-menu {
  border-radius : 14px;
  grid-area : mobile-menu;
  margin : 6px 8px 0;
  padding : 0;
  position : relative;
  z-index : 50
}
.mobile-menu-toggle {
  align-items : center;
  background : #00000059;
  border : 1px solid #d903684d;
  border-radius : 12px;
  color : #fff;
  cursor : pointer;
  display : flex;
  font-size : 13px;
  font-weight : 600;
  gap : 10px;
  padding : 10px 14px;
  transition : background-color .2s, border-color .2s;
  width : 100%
}
  .mobile-menu-toggle : hover {
  background : #d903682e;
  border-color : #d9036880
}
.mobile-menu-current {
  color : #ffffffd9;
  flex : 1 1;
  overflow : hidden;
  text-align : left;
  text-overflow : ellipsis;
  white-space : nowrap
}
.mobile-menu-list {
  background : linear-gradient(160deg, #1c0830f7, #0c0416f7);
  border : 1px solid #d9036840;
  border-radius : 14px;
  box-shadow : 0 16px 40px #0000008c;
  list-style : none;
  margin : 6px 0 0;
  max-height : 60vh;
  overflow-y : auto;
  padding : 6px
}
.mobile-menu-item {
  align-items : center;
  background : #0000;
  border : none;
  border-radius : 10px;
  color : #ffffffd9;
  cursor : pointer;
  display : flex;
  font-size : 13px;
  font-weight : 500;
  gap : 10px;
  padding : 10px 12px;
  text-align : left;
  transition : background-color .15s, color .15s;
  width : 100%
}
  .mobile-menu-item : hover {
  background : #d903682e;
  color : #fff
}
.mobile-menu-item.active {
  background : linear-gradient(135deg, #d9036859, #6e003c40);
  color : #fff
}
.mobile-menu-item.locked {
  opacity : .7
}
  .mobile-menu-item.locked : hover {
  opacity : 1
}