/*! tailwindcss v4.2.2 | 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-space-y-reverse: 0;
			--tw-gradient-position: initial;
			--tw-gradient-from: #0000;
			--tw-gradient-via: #0000;
			--tw-gradient-to: #0000;
			--tw-gradient-stops: initial;
			--tw-gradient-via-stops: initial;
			--tw-gradient-from-position: 0%;
			--tw-gradient-via-position: 50%;
			--tw-gradient-to-position: 100%;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-shadow: 0 0 #0000;
			--tw-shadow-color: initial;
			--tw-shadow-alpha: 100%;
			--tw-inset-shadow: 0 0 #0000;
			--tw-inset-shadow-color: initial;
			--tw-inset-shadow-alpha: 100%;
			--tw-ring-color: initial;
			--tw-ring-shadow: 0 0 #0000;
			--tw-inset-ring-color: initial;
			--tw-inset-ring-shadow: 0 0 #0000;
			--tw-ring-inset: initial;
			--tw-ring-offset-width: 0px;
			--tw-ring-offset-color: #fff;
			--tw-ring-offset-shadow: 0 0 #0000
		}
	}
}

@layer theme {

	:root,
	:host {
		--color-neutral-200: oklch(92.2% 0 0);
		--color-black: #000;
		--color-white: #fff;
		--spacing: .25rem;
		--container-xl: 36rem;
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75 / 1.125);
		--font-weight-light: 300;
		--font-weight-medium: 500;
		--font-weight-bold: 700;
		--tracking-tight: -.025em;
		--radius-xl: .75rem;
		--default-transition-duration: .15s;
		--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		--default-font-family: var(--font-geist-sans);
		--default-mono-font-family: var(--font-geist-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 {
	}

	hr {
		height: 0;
		color: inherit;
		border-top-width: 1px
	}

	abbr:where([title]) {
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted
	}


	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
	}

	::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
	}

	::placeholder {
		opacity: 1
	}

	@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
		::placeholder {
			color: currentColor
		}

		@supports (color:color-mix(in lab, red, red)) {
			::placeholder {
				color: color-mix(in oklab, currentcolor 50%, transparent)
			}
		}
	}

	::-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]) {
		appearance: button
	}

	::file-selector-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 {
	.absolute {
		position: absolute
	}

	.relative {
		position: relative
	}

	.inset-0 {
		inset: calc(var(--spacing) * 0)
	}

	.start {
		inset-inline-start: var(--spacing)
	}

	.top-0 {
		top: calc(var(--spacing) * 0)
	}

	.right-0 {
		right: calc(var(--spacing) * 0)
	}

	.left-0 {
		left: calc(var(--spacing) * 0)
	}

	.z-0 {
		z-index: 0
	}

	.z-10 {
		z-index: 10
	}

	.container {
		width: 100%
	}

	@media (width>=40rem) {
		.container {
			max-width: 40rem
		}
	}

	@media (width>=48rem) {
		.container {
			max-width: 48rem
		}
	}

	@media (width>=64rem) {
		.container {
			max-width: 64rem
		}
	}

	@media (width>=80rem) {
		.container {
			max-width: 80rem
		}
	}

	@media (width>=96rem) {
		.container {
			max-width: 96rem
		}
	}

	.mx-auto {
		margin-inline: auto
	}

	.flex {
		display: flex
	}

	.h-1\/3 {
		height: 33.3333%
	}

	.h-10 {
		height: calc(var(--spacing) * 10)
	}

	.h-12 {
		height: calc(var(--spacing) * 12)
	}

	.h-20 {
		height: calc(var(--spacing) * 20)
	}

	.h-24 {
		height: calc(var(--spacing) * 24)
	}

	.h-full {
		height: 100%
	}

	.min-h-\[600px\] {
		min-height: 600px
	}

	.min-h-full {
		min-height: 100%
	}

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

	.w-10 {
		width: calc(var(--spacing) * 10)
	}

	.w-12 {
		width: calc(var(--spacing) * 12)
	}

	.w-20 {
		width: calc(var(--spacing) * 20)
	}

	.w-24 {
		width: calc(var(--spacing) * 24)
	}

	.w-full {
		width: 100%
	}

	.max-w-xl {
		max-width: 100%
	}

	.flex-1 {
		flex: 1
	}

	.flex-col {
		flex-direction: column
	}

	.items-center {
		align-items: center
	}

	.justify-center {
		justify-content: center
	}

	: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-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)))
	}

	:where(.space-y-6>:not(:last-child)) {
		--tw-space-y-reverse: 0;
		margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
		margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
	}

	:where(.space-y-8>:not(:last-child)) {
		--tw-space-y-reverse: 0;
		margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
		margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
	}

	.overflow-hidden {
		overflow: hidden
	}

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

	.rounded-xl {
		border-radius: var(--radius-xl)
	}

	.bg-black {
		background-color: var(--color-black)
	}

	.bg-white {
		background-color: var(--color-white)
	}

	.bg-gradient-to-b {
		--tw-gradient-position: to bottom in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops))
	}

	.bg-gradient-to-br {
		--tw-gradient-position: to bottom right in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops))
	}

	.bg-gradient-to-t {
		--tw-gradient-position: to top in oklab;
		background-image: linear-gradient(var(--tw-gradient-stops))
	}

	.bg-\[radial-gradient\(circle_at_center\,_rgba\(0\,0\,0\,1\)_0\%\,_transparent_100\%\)\] {
		background-image: radial-gradient(circle, #000 0%, #0000 100%)
	}

	.from-black {
		--tw-gradient-from: var(--color-black);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
	}

	.from-white {
		--tw-gradient-from: var(--color-white);
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
	}

	.to-transparent {
		--tw-gradient-to: transparent;
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
	}

	.to-white\/70 {
		--tw-gradient-to: #ffffffb3
	}

	@supports (color:color-mix(in lab, red, red)) {
		.to-white\/70 {
			--tw-gradient-to: color-mix(in oklab, var(--color-white) 70%, transparent)
		}
	}

	.to-white\/70 {
		--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
	}

	.px-4 {
		padding-inline: calc(var(--spacing) * 4)
	}

	.px-8 {
		padding-inline: calc(var(--spacing) * 8)
	}

	.py-3 {
		padding-block: calc(var(--spacing) * 3)
	}

	.py-4 {
		padding-block: calc(var(--spacing) * 4)
	}

	.py-10 {
		padding-block: calc(var(--spacing) * 10)
	}

	.pt-8 {
		padding-top: calc(var(--spacing) * 8)
	}

	.text-center {
		text-align: center
	}

	.text-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height))
	}

	.text-\[1\.2rem\] {
		font-size: 1.2rem
	}

	.text-\[1\.5rem\] {
		font-size: 1.5rem
	}

	.text-\[1\.25rem\] {
		font-size: 1.25rem
	}

	.text-\[2\.5rem\] {
		font-size: 2.5rem
	}

	.text-\[3rem\] {
		font-size: 3rem
	}

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

	.font-bold {
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold)
	}

	.font-light {
		--tw-font-weight: var(--font-weight-light);
		font-weight: var(--font-weight-light)
	}

	.font-medium {
		--tw-font-weight: var(--font-weight-medium);
		font-weight: var(--font-weight-medium)
	}

	.tracking-tight {
		--tw-tracking: var(--tracking-tight);
		letter-spacing: var(--tracking-tight)
	}

	.text-black {
		color: var(--color-black)
	}

	.text-white {
		color: var(--color-white)
	}

	.text-white\/50 {
		color: #ffffff80
	}

	@supports (color:color-mix(in lab, red, red)) {
		.text-white\/50 {
			color: color-mix(in oklab, var(--color-white) 50%, transparent)
		}
	}

	.text-white\/70 {
		color: #ffffffb3
	}

	@supports (color:color-mix(in lab, red, red)) {
		.text-white\/70 {
			color: color-mix(in oklab, var(--color-white) 70%, transparent)
		}
	}

	.antialiased {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	.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)
	}

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

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

	@media (hover:hover) {
		.hover\:bg-neutral-200:hover {
			background-color: var(--color-neutral-200)
		}

		.hover\:bg-white\/90:hover {
			background-color: #ffffffe6
		}

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

	@media (width>=48rem) {
		.md\:text-\[1\.5rem\] {
			font-size: 1.5rem
		}

		.md\:text-\[2rem\] {
			font-size: 2rem
		}

		.md\:text-\[3\.5rem\] {
			font-size: 3.5rem
		}

		.md\:text-\[4rem\] {
			font-size: 4rem
		}
	}
}

:root {
	--background: #0a0a0a;
	--foreground: #ededed
}


@property --tw-space-y-reverse {
	syntax: "*";
	inherits: false;
	initial-value: 0
}

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

@property --tw-gradient-from {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-via {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

@property --tw-gradient-to {
	syntax: "<color>";
	inherits: false;
	initial-value: #0000
}

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

@property --tw-gradient-via-stops {
	syntax: "*";
	inherits: false
}

@property --tw-gradient-from-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 0%
}

@property --tw-gradient-via-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 50%
}

@property --tw-gradient-to-position {
	syntax: "<length-percentage>";
	inherits: false;
	initial-value: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-ring-offset-width {
	syntax: "<length>";
	inherits: false;
	initial-value: 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
}

/*$vite$:1*/