/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */

@layer properties{
  @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
  *,:before,:after,::backdrop{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-translate-z:0;
  --tw-space-y-reverse:0;
  --tw-border-style:solid;
  --tw-leading:initial;
  --tw-font-weight:initial;
  --tw-shadow:0 0 #0000;
  --tw-shadow-color:initial;
  --tw-shadow-alpha:100%;
  --tw-inset-shadow:0 0 #0000;
  --tw-inset-shadow-color:initial;
  --tw-inset-shadow-alpha:100%;
  --tw-ring-color:initial;
  --tw-ring-shadow:0 0 #0000;
  --tw-inset-ring-color:initial;
  --tw-inset-ring-shadow:0 0 #0000;
  --tw-ring-inset:initial;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-backdrop-blur:initial;
  --tw-backdrop-brightness:initial;
  --tw-backdrop-contrast:initial;
  --tw-backdrop-grayscale:initial;
  --tw-backdrop-hue-rotate:initial;
  --tw-backdrop-invert:initial;
  --tw-backdrop-opacity:initial;
  --tw-backdrop-saturate:initial;
  --tw-backdrop-sepia:initial;
  --tw-duration:initial;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-scale-z:1
}

}

}
@layer theme{
  :root,:host{
  --font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --color-blue-100:oklch(93.2% .032 255.585);
  --color-blue-200:oklch(88.2% .059 254.128);
  --color-gray-100:oklch(96.7% .003 264.542);
  --color-gray-200:oklch(92.8% .006 264.531);
  --color-gray-300:oklch(87.2% .01 258.338);
  --color-black:#000;
  --color-white:#fff;
  --spacing:.25rem;
  --container-2xl:42rem;
  --container-3xl:48rem;
  --container-5xl:64rem;
  --text-xs:.75rem;
  --text-xs--line-height:calc(1 / .75);
  --text-sm:.875rem;
  --text-sm--line-height:calc(1.25 / .875);
  --text-base:1rem;
  --text-base--line-height:calc(1.5 / 1);
  --text-lg:1.125rem;
  --text-lg--line-height:calc(1.75 / 1.125);
  --text-xl:1.25rem;
  --text-xl--line-height:calc(1.75 / 1.25);
  --text-2xl:1.5rem;
  --text-2xl--line-height:calc(2 / 1.5);
  --text-3xl:1.875rem;
  --text-3xl--line-height:calc(2.25 / 1.875);
  --text-5xl:3rem;
  --text-5xl--line-height:1;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;
  --radius-md:.375rem;
  --radius-lg:.5rem;
  --default-transition-duration:.15s;
  --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
  --default-font-family:var(--font-sans);
  --default-mono-font-family:var(--font-mono)
}

}
@layer base{
  *,:after,:before,::backdrop{
  box-sizing:border-box;
  border:0 solid;
  margin:0;
  padding:0
}
::file-selector-button{
  box-sizing:border-box;
  border:0 solid;
  margin:0;
  padding:0
}
html,:host{
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  line-height:1.5;
  font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-feature-settings:var(--default-font-feature-settings,normal);
  font-variation-settings:var(--default-font-variation-settings,normal);
  -webkit-tap-highlight-color:transparent
}
hr{
  height:0;
  color:inherit;
  border-top-width:1px
}
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;
  -webkit-text-decoration:inherit;
  -webkit-text-decoration:inherit;
  -webkit-text-decoration:inherit;
  text-decoration:inherit
}
b,strong{
  font-weight:bolder
}
code,kbd,samp,pre{
  font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-feature-settings:var(--default-mono-font-feature-settings,normal);
  font-variation-settings:var(--default-mono-font-variation-settings,normal);
  font-size:1em
}
small{
  font-size:80%
}
sub,sup{
  vertical-align:baseline;
  font-size:75%;
  line-height:0;
  position:relative
}
sub{
  bottom:-.25em
}
sup{
  top:-.5em
}
table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
:-moz-focusring{
  outline:auto
}
progress{
  vertical-align:baseline
}
summary{
  display:list-item
}
ol,ul,menu{
  list-style:none
}
img,svg,video,canvas,audio,iframe,embed,object{
  vertical-align:middle;
  display:block
}
img,video{
  max-width:100%;
  height:auto
}
button,input,select,optgroup,textarea{
  font:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  letter-spacing:inherit;
  color:inherit;
  opacity:1;
  background-color:#0000;
  border-radius:0
}
::file-selector-button{
  font:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  letter-spacing:inherit;
  color:inherit;
  opacity:1;
  background-color:#0000;
  border-radius:0
}
:where(select:is([multiple],[size])) optgroup{
  font-weight:bolder
}
:where(select:is([multiple],[size])) optgroup option{
  padding-inline-start:20px
}
::file-selector-button{
  margin-inline-end:4px
}
::-moz-placeholder{
  opacity:1
}
::placeholder{
  opacity:1
}
@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){
  ::-moz-placeholder{
  color:currentColor
}
::placeholder{
  color:currentColor
}
@supports (color:color-mix(in lab, red, red)){
  ::-moz-placeholder{
  color:color-mix(in oklab, currentcolor 50%, transparent)
}
::placeholder{
  color:color-mix(in oklab, currentcolor 50%, transparent)
}

}

}
textarea{
  resize:vertical
}
::-webkit-search-decoration{
  -webkit-appearance:none
}
::-webkit-date-and-time-value{
  min-height:1lh;
  text-align:inherit
}
::-webkit-datetime-edit{
  display:inline-flex
}
::-webkit-datetime-edit-fields-wrapper{
  padding:0
}
::-webkit-datetime-edit{
  padding-block:0
}
::-webkit-datetime-edit-year-field{
  padding-block:0
}
::-webkit-datetime-edit-month-field{
  padding-block:0
}
::-webkit-datetime-edit-day-field{
  padding-block:0
}
::-webkit-datetime-edit-hour-field{
  padding-block:0
}
::-webkit-datetime-edit-minute-field{
  padding-block:0
}
::-webkit-datetime-edit-second-field{
  padding-block:0
}
::-webkit-datetime-edit-millisecond-field{
  padding-block:0
}
::-webkit-datetime-edit-meridiem-field{
  padding-block:0
}
::-webkit-calendar-picker-indicator{
  line-height:1
}
:-moz-ui-invalid{
  box-shadow:none
}
button,input:where([type=button],[type=reset],[type=submit]){
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button
}
::file-selector-button{
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button
}
::-webkit-inner-spin-button{
  height:auto
}
::-webkit-outer-spin-button{
  height:auto
}
[hidden]:where(:not([hidden=until-found])){
  display:none!important
}

}
@layer components;
  @layer utilities{
  .pointer-events-auto{
  pointer-events:auto
}
.pointer-events-none{
  pointer-events:none
}
.absolute{
  position:absolute
}
.fixed{
  position:fixed
}
.relative{
  position:relative
}
.inset-0{
  inset:0
}
.inset-y-0{
  inset-block:0
}
.top-0{
  top:0
}
.top-1\/2{
  top:50%
}
.top-4{
  top:calc(var(--spacing) * 4)
}
.right-0{
  right:0
}
.right-2{
  right:calc(var(--spacing) * 2)
}
.right-4{
  right:calc(var(--spacing) * 4)
}
.left-0{
  left:0
}
.left-1\/2{
  left:50%
}
.left-2{
  left:calc(var(--spacing) * 2)
}
.z-10{
  z-index:10
}
.z-20{
  z-index:20
}
.z-30{
  z-index:30
}
.z-50{
  z-index:50
}
.z-\[70\]{
  z-index:70
}
.mx-auto{
  margin-inline:auto
}
.mt-2{
  margin-top:calc(var(--spacing) * 2)
}
.mt-3{
  margin-top:calc(var(--spacing) * 3)
}
.mt-4{
  margin-top:calc(var(--spacing) * 4)
}
.mt-5{
  margin-top:calc(var(--spacing) * 5)
}
.mt-6{
  margin-top:calc(var(--spacing) * 6)
}
.mt-8{
  margin-top:calc(var(--spacing) * 8)
}
.mb-2{
  margin-bottom:calc(var(--spacing) * 2)
}
.mb-5{
  margin-bottom:calc(var(--spacing) * 5)
}
.\!block{
  display:block!important
}
.block{
  display:block
}
.flex{
  display:flex
}
.grid{
  display:grid
}
.hidden{
  display:none
}
.inline-flex{
  display:inline-flex
}
.aspect-square{
  aspect-ratio:1
}
.h-6{
  height:calc(var(--spacing) * 6)
}
.h-10{
  height:calc(var(--spacing) * 10)
}
.h-56{
  height:calc(var(--spacing) * 56)
}
.h-full{
  height:100%
}
.max-h-\[86vh\]{
  max-height:86vh
}
.max-h-full{
  max-height:100%
}
.min-h-24{
  min-height:calc(var(--spacing) * 24)
}
.min-h-screen{
  min-height:100vh
}
.w-1\/2{
  width:50%
}
.w-6{
  width:calc(var(--spacing) * 6)
}
.w-10{
  width:calc(var(--spacing) * 10)
}
.w-full{
  width:100%
}
.w-max{
  width:-moz-max-content;
  width:max-content
}
.max-w-2xl{
  max-width:var(--container-2xl)
}
.max-w-3xl{
  max-width:var(--container-3xl)
}
.max-w-5xl{
  max-width:var(--container-5xl)
}
.max-w-64{
  max-width:calc(var(--spacing) * 64)
}
.max-w-72{
  max-width:calc(var(--spacing) * 72)
}
.max-w-full{
  max-width:100%
}
.-translate-x-1\/2{
  --tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
  translate:var(--tw-translate-x) var(--tw-translate-y)
}
.-translate-y-1\/2{
  --tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
  translate:var(--tw-translate-x) var(--tw-translate-y)
}
.-translate-y-px{
  --tw-translate-y:-1px;
  translate:var(--tw-translate-x) var(--tw-translate-y)
}
.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))
}
.flex-col{
  flex-direction:column
}
.flex-wrap{
  flex-wrap:wrap
}
.items-center{
  align-items:center
}
.items-start{
  align-items:flex-start
}
.justify-between{
  justify-content:space-between
}
.justify-center{
  justify-content:center
}
.justify-end{
  justify-content:flex-end
}
.justify-start{
  justify-content:flex-start
}
.gap-2{
  gap:calc(var(--spacing) * 2)
}
.gap-3{
  gap:calc(var(--spacing) * 3)
}
.gap-4{
  gap:calc(var(--spacing) * 4)
}
.gap-5{
  gap:calc(var(--spacing) * 5)
}
.gap-6{
  gap:calc(var(--spacing) * 6)
}
:where(.space-y-1\.5>:not(:last-child)){
  --tw-space-y-reverse:0;
  margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
  margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))
}
:where(.space-y-2>:not(:last-child)){
  --tw-space-y-reverse:0;
  margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
  margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
}
:where(.space-y-3>:not(:last-child)){
  --tw-space-y-reverse:0;
  margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
}
:where(.space-y-4>:not(:last-child)){
  --tw-space-y-reverse:0;
  margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
}
.overflow-hidden{
  overflow:hidden
}
.rounded{
  border-radius:.25rem
}
.rounded-full{
  border-radius:3.40282e38px
}
.rounded-lg{
  border-radius:var(--radius-lg)
}
.rounded-md{
  border-radius:var(--radius-md)
}
.border{
  border-style:var(--tw-border-style);
  border-width:1px
}
.border-b{
  border-bottom-style:var(--tw-border-style);
  border-bottom-width:1px
}
.border-blue-200\/30{
  border-color:#bedbff4d
}
@supports (color:color-mix(in lab, red, red)){
  .border-blue-200\/30{
  border-color:color-mix(in oklab, var(--color-blue-200) 30%, transparent)
}

}
.border-white\/10{
  border-color:#ffffff1a
}
@supports (color:color-mix(in lab, red, red)){
  .border-white\/10{
  border-color:color-mix(in oklab, var(--color-white) 10%, transparent)
}

}
.border-white\/15{
  border-color:#ffffff26
}
@supports (color:color-mix(in lab, red, red)){
  .border-white\/15{
  border-color:color-mix(in oklab, var(--color-white) 15%, transparent)
}

}
.border-white\/20{
  border-color:#fff3
}
@supports (color:color-mix(in lab, red, red)){
  .border-white\/20{
  border-color:color-mix(in oklab, var(--color-white) 20%, transparent)
}

}
.bg-black\/10{
  background-color:#0000001a
}
@supports (color:color-mix(in lab, red, red)){
  .bg-black\/10{
  background-color:color-mix(in oklab, var(--color-black) 10%, transparent)
}

}
.bg-black\/20{
  background-color:#0003
}
@supports (color:color-mix(in lab, red, red)){
  .bg-black\/20{
  background-color:color-mix(in oklab, var(--color-black) 20%, transparent)
}

}
.bg-black\/25{
  background-color:#00000040
}
@supports (color:color-mix(in lab, red, red)){
  .bg-black\/25{
  background-color:color-mix(in oklab, var(--color-black) 25%, transparent)
}

}
.bg-black\/30{
  background-color:#0000004d
}
@supports (color:color-mix(in lab, red, red)){
  .bg-black\/30{
  background-color:color-mix(in oklab, var(--color-black) 30%, transparent)
}

}
.bg-black\/80{
  background-color:#000c
}
@supports (color:color-mix(in lab, red, red)){
  .bg-black\/80{
  background-color:color-mix(in oklab, var(--color-black) 80%, transparent)
}

}
.bg-black\/85{
  background-color:#000000d9
}
@supports (color:color-mix(in lab, red, red)){
  .bg-black\/85{
  background-color:color-mix(in oklab, var(--color-black) 85%, transparent)
}

}
.bg-white\/10{
  background-color:#ffffff1a
}
@supports (color:color-mix(in lab, red, red)){
  .bg-white\/10{
  background-color:color-mix(in oklab, var(--color-white) 10%, transparent)
}

}
.bg-white\/15{
  background-color:#ffffff26
}
@supports (color:color-mix(in lab, red, red)){
  .bg-white\/15{
  background-color:color-mix(in oklab, var(--color-white) 15%, transparent)
}

}
.object-contain{
  -o-object-fit:contain;
  object-fit:contain
}
.object-cover{
  -o-object-fit:cover;
  object-fit:cover
}
.p-2{
  padding:calc(var(--spacing) * 2)
}
.p-3{
  padding:calc(var(--spacing) * 3)
}
.p-4{
  padding:calc(var(--spacing) * 4)
}
.p-5{
  padding:calc(var(--spacing) * 5)
}
.p-6{
  padding:calc(var(--spacing) * 6)
}
.px-2\.5{
  padding-inline:calc(var(--spacing) * 2.5)
}
.px-3{
  padding-inline:calc(var(--spacing) * 3)
}
.px-4{
  padding-inline:calc(var(--spacing) * 4)
}
.px-5{
  padding-inline:calc(var(--spacing) * 5)
}
.py-1{
  padding-block:var(--spacing)
}
.py-2{
  padding-block:calc(var(--spacing) * 2)
}
.py-2\.5{
  padding-block:calc(var(--spacing) * 2.5)
}
.py-3{
  padding-block:calc(var(--spacing) * 3)
}
.py-7{
  padding-block:calc(var(--spacing) * 7)
}
.pt-8{
  padding-top:calc(var(--spacing) * 8)
}
.pt-20{
  padding-top:calc(var(--spacing) * 20)
}
.pb-6{
  padding-bottom:calc(var(--spacing) * 6)
}
.text-center{
  text-align:center
}
.text-left{
  text-align:left
}
.text-2xl{
  font-size:var(--text-2xl);
  line-height:var(--tw-leading,var(--text-2xl--line-height))
}
.text-3xl{
  font-size:var(--text-3xl);
  line-height:var(--tw-leading,var(--text-3xl--line-height))
}
.text-base{
  font-size:var(--text-base);
  line-height:var(--tw-leading,var(--text-base--line-height))
}
.text-lg{
  font-size:var(--text-lg);
  line-height:var(--tw-leading,var(--text-lg--line-height))
}
.text-sm{
  font-size:var(--text-sm);
  line-height:var(--tw-leading,var(--text-sm--line-height))
}
.text-xl{
  font-size:var(--text-xl);
  line-height:var(--tw-leading,var(--text-xl--line-height))
}
.text-xs{
  font-size:var(--text-xs);
  line-height:var(--tw-leading,var(--text-xs--line-height))
}
.leading-6{
  --tw-leading:calc(var(--spacing) * 6);
  line-height:calc(var(--spacing) * 6)
}
.leading-7{
  --tw-leading:calc(var(--spacing) * 7);
  line-height:calc(var(--spacing) * 7)
}
.leading-none{
  --tw-leading:1;
  line-height:1
}
.font-bold{
  --tw-font-weight:var(--font-weight-bold);
  font-weight:var(--font-weight-bold)
}
.font-medium{
  --tw-font-weight:var(--font-weight-medium);
  font-weight:var(--font-weight-medium)
}
.font-semibold{
  --tw-font-weight:var(--font-weight-semibold);
  font-weight:var(--font-weight-semibold)
}
.break-words{
  overflow-wrap:break-word
}
.text-blue-100{
  color:var(--color-blue-100)
}
.text-blue-100\/70{
  color:#dbeafeb3
}
@supports (color:color-mix(in lab, red, red)){
  .text-blue-100\/70{
  color:color-mix(in oklab, var(--color-blue-100) 70%, transparent)
}

}
.text-blue-200{
  color:var(--color-blue-200)
}
.text-gray-100{
  color:var(--color-gray-100)
}
.text-gray-200{
  color:var(--color-gray-200)
}
.text-gray-300{
  color:var(--color-gray-300)
}
.text-white{
  color:var(--color-white)
}
.underline{
  text-decoration-line:underline
}
.decoration-blue-200\/40{
  text-decoration-color:#bedbff66
}
@supports (color:color-mix(in lab, red, red)){
  .decoration-blue-200\/40{
  text-decoration-color:color-mix(in oklab, var(--color-blue-200) 40%, transparent)
}

}
.decoration-gray-300{
  text-decoration-color:var(--color-gray-300)
}
.decoration-1{
  text-decoration-thickness:1px
}
.underline-offset-4{
  text-underline-offset:4px
}
.opacity-0{
  opacity:0
}
.opacity-100{
  opacity:1
}
.shadow-2xl{
  --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);
  box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.shadow-lg{
  --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
  box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.backdrop-blur{
  --tw-backdrop-blur:blur(8px);
  backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}
.transition{
  transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration))
}
.transition-opacity{
  transition-property:opacity;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration))
}
.transition-transform{
  transition-property:transform,translate,scale,rotate;
  transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
  transition-duration:var(--tw-duration,var(--default-transition-duration))
}
.duration-300{
  --tw-duration:.3s;
  transition-duration:.3s
}
.duration-500{
  --tw-duration:.5s;
  transition-duration:.5s
}
.select-none{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
@media (hover:hover){
  .group-hover\:scale-105:is(:where(.group):hover *){
  --tw-scale-x:105%;
  --tw-scale-y:105%;
  --tw-scale-z:105%;
  scale:var(--tw-scale-x) var(--tw-scale-y)
}
.group-hover\:text-white:is(:where(.group):hover *){
  color:var(--color-white)
}
.group-hover\:opacity-100:is(:where(.group):hover *){
  opacity:1
}
.hover\:-translate-y-0\.5:hover{
  --tw-translate-y:calc(var(--spacing) * -.5);
  translate:var(--tw-translate-x) var(--tw-translate-y)
}
.hover\:-translate-y-1:hover{
  --tw-translate-y:calc(var(--spacing) * -1);
  translate:var(--tw-translate-x) var(--tw-translate-y)
}
.hover\:border-blue-200\/40:hover{
  border-color:#bedbff66
}
@supports (color:color-mix(in lab, red, red)){
  .hover\:border-blue-200\/40:hover{
  border-color:color-mix(in oklab, var(--color-blue-200) 40%, transparent)
}

}
.hover\:border-blue-200\/50:hover{
  border-color:#bedbff80
}
@supports (color:color-mix(in lab, red, red)){
  .hover\:border-blue-200\/50:hover{
  border-color:color-mix(in oklab, var(--color-blue-200) 50%, transparent)
}

}
.hover\:border-blue-200\/60:hover{
  border-color:#bedbff99
}
@supports (color:color-mix(in lab, red, red)){
  .hover\:border-blue-200\/60:hover{
  border-color:color-mix(in oklab, var(--color-blue-200) 60%, transparent)
}

}
.hover\:border-white\/30:hover{
  border-color:#ffffff4d
}
@supports (color:color-mix(in lab, red, red)){
  .hover\:border-white\/30:hover{
  border-color:color-mix(in oklab, var(--color-white) 30%, transparent)
}

}
.hover\:bg-black\/0:hover{
  background-color:#0000
}
@supports (color:color-mix(in lab, red, red)){
  .hover\:bg-black\/0:hover{
  background-color:color-mix(in oklab, var(--color-black) 0%, transparent)
}

}
.hover\:bg-white\/20:hover{
  background-color:#fff3
}
@supports (color:color-mix(in lab, red, red)){
  .hover\:bg-white\/20:hover{
  background-color:color-mix(in oklab, var(--color-white) 20%, transparent)
}

}
.hover\:text-blue-100:hover{
  color:var(--color-blue-100)
}
.hover\:text-white:hover{
  color:var(--color-white)
}
.hover\:opacity-100:hover{
  opacity:1
}

}
.focus\:opacity-100:focus{
  opacity:1
}
@media (min-width:40rem){
  .sm\:grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.sm\:flex-row{
  flex-direction:row
}
.sm\:items-center{
  align-items:center
}
.sm\:items-start{
  align-items:flex-start
}
.sm\:justify-between{
  justify-content:space-between
}

}
@media (min-width:48rem){
  .md\:grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.md\:grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.md\:grid-cols-\[1\.4fr_0\.8fr\]{
  grid-template-columns:1.4fr .8fr
}
.md\:grid-cols-\[minmax\(280px\,360px\)_1fr\]{
  grid-template-columns:minmax(280px,360px) 1fr
}
.md\:flex-row{
  flex-direction:row
}
.md\:items-center{
  align-items:center
}
.md\:items-start{
  align-items:flex-start
}
.md\:justify-between{
  justify-content:space-between
}
.md\:justify-end{
  justify-content:flex-end
}
.md\:gap-6{
  gap:calc(var(--spacing) * 6)
}
.md\:self-start{
  align-self:flex-start
}
.md\:p-8{
  padding:calc(var(--spacing) * 8)
}
.md\:px-6{
  padding-inline:calc(var(--spacing) * 6)
}
.md\:text-3xl{
  font-size:var(--text-3xl);
  line-height:var(--tw-leading,var(--text-3xl--line-height))
}
.md\:text-5xl{
  font-size:var(--text-5xl);
  line-height:var(--tw-leading,var(--text-5xl--line-height))
}
.md\:text-base{
  font-size:var(--text-base);
  line-height:var(--tw-leading,var(--text-base--line-height))
}

}
@media (min-width:64rem){
  .lg\:grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.lg\:grid-cols-5{
  grid-template-columns:repeat(5,minmax(0,1fr))
}

}

}
@font-face{
  font-family:Kyiv_Machine_Font;
  src:url(../fonts/KyivMachine-nR0aM.ttf)format("truetype");
  font-weight:400;
  font-style:normal
}
body{
  color:#fff;
  z-index:0;
  position:relative
}
html{
  background-color:#f5f5f5
}
body{
  background-color:#0000
}
.cust_font{
  font-family:Kyiv_Machine_Font,monospace
}
.bg{
  color:#111;
  isolation:isolate;
  z-index:30;
  animation:linear forwards darkTheme;
  animation-timeline:scroll()
}
.bg:before,.bg:after{
  content:"";
  z-index:-1;
  pointer-events:none;
  background-position:50%;
  background-repeat:no-repeat;
  background-size:480%;
  position:fixed;
  inset:0
}
.bg:before{
  background-image:url(../images/bg-light.png)
}
.bg:after{
  opacity:0;
  background-image:url(../images/bg-dark.png);
  animation:linear forwards changeBg;
  animation-timeline:scroll()
}
@media (max-width:1200px){
  .bg:before,.bg:after{
  background-size:4800%
}

}
@media (min-width:1800px){
  .bg:before,.bg:after{
  background-size:600%
}

}
@supports not (animation-timeline:scroll()){
  .bg{
  color:#fff
}
.bg:after{
  opacity:1
}

}
@keyframes darkTheme{
  0%{
  color:#111
}
to{
  color:#fff
}

}
@keyframes changeBg{
  0%{
  opacity:0
}
to{
  opacity:1
}

}
.page-sprite{
  --sprite-size:64px;
  --sprite-bottom:clamp(12px, 2.4vw, 24px);
  --sprite-side:clamp(8px, 2.4vw, 24px);
  bottom:var(--sprite-bottom);
  z-index:40;
  width:var(--sprite-size);
  height:var(--sprite-size);
  opacity:0;
  cursor:pointer;
  image-rendering:pixelated;
  animation:showPageSprite linear forwards, playPageSprite var(--sprite-duration) steps(var(--sprite-frames)) infinite;
  background-color:#0000;
  background-repeat:no-repeat;
  border:0;
  padding:0;
  animation-timeline:scroll(),auto;
  position:fixed
}
.page-sprite:focus-visible{
  outline-offset:4px;
  outline:2px solid #bfdbfecc
}
.page-sprite--v1{
  --sprite-frames:10;
  --sprite-sheet-width:640px;
  --sprite-end-position:-640px;
  --sprite-duration:.9s;
  left:var(--sprite-side);
  background-image:url(../images/1.png);
  background-size:var(--sprite-sheet-width) var(--sprite-size)
}
.page-sprite--v2{
  --sprite-frames:12;
  --sprite-sheet-width:768px;
  --sprite-end-position:-768px;
  --sprite-duration:1.08s;
  right:var(--sprite-side);
  background-image:url(../images/2.png);
  background-size:var(--sprite-sheet-width) var(--sprite-size)
}
@media (max-width:520px){
  .page-sprite{
  --sprite-size:48px;
  --sprite-bottom:10px;
  --sprite-side:8px
}
.page-sprite--v1{
  --sprite-sheet-width:480px;
  --sprite-end-position:-480px
}
.page-sprite--v2{
  --sprite-sheet-width:576px;
  --sprite-end-position:-576px;
  display:none
}

}
@media (min-width:521px) and (max-width:767px){
  .page-sprite--v2{
  display:none
}

}
@supports not (animation-timeline:scroll()){
  .page-sprite{
  opacity:1;
  transform:translateY(0)
}

}
@keyframes showPageSprite{
  0%{
  opacity:0;
  transform:translateY(12px)
}
to{
  opacity:1;
  transform:translateY(0)
}

}
@keyframes playPageSprite{
  0%{
  background-position:0 0
}
to{
  background-position:var(--sprite-end-position) 0
}

}
.stack-carousel-window{
  -webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);
  mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)
}
.stack-carousel-track{
  animation:22s linear infinite stack-scroll
}
.stack-carousel.is-expanded .stack-carousel-track{
  animation-play-state:paused
}
.stack-carousel.is-expanded .stack-carousel-window{
  display:none
}
.stack-carousel.is-expanded .stack-full-list{
  display:flex
}
.hero-role-animate{
  animation:1.4s ease-out .2s both hero-role-fade
}
@keyframes hero-role-fade{
  0%{
  opacity:.3;
  transform:translateY(8px)
}
to{
  opacity:1;
  transform:translateY(0)
}

}
@keyframes stack-scroll{
  0%{
  transform:translate(0)
}
to{
  transform:translate(-50%)
}

}
@property --tw-translate-x{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-y{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-z{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-space-y-reverse{
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-border-style{
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-leading{
  syntax:"*";
  inherits:false
}
@property --tw-font-weight{
  syntax:"*";
  inherits:false
}
@property --tw-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-shadow-color{
  syntax:"*";
  inherits:false
}
@property --tw-shadow-alpha{
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-inset-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-shadow-color{
  syntax:"*";
  inherits:false
}
@property --tw-inset-shadow-alpha{
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-ring-color{
  syntax:"*";
  inherits:false
}
@property --tw-ring-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-ring-color{
  syntax:"*";
  inherits:false
}
@property --tw-inset-ring-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-ring-inset{
  syntax:"*";
  inherits:false
}
@property --tw-ring-offset-width{
  syntax:"<length>";
  inherits:false;
  initial-value:0
}
@property --tw-ring-offset-color{
  syntax:"*";
  inherits:false;
  initial-value:#fff
}
@property --tw-ring-offset-shadow{
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-backdrop-blur{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-brightness{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-contrast{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-grayscale{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-hue-rotate{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-invert{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-opacity{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-saturate{
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-sepia{
  syntax:"*";
  inherits:false
}
@property --tw-duration{
  syntax:"*";
  inherits:false
}
@property --tw-scale-x{
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-scale-y{
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-scale-z{
  syntax:"*";
  inherits:false;
  initial-value:1
}