/*! tailwindcss v4.1.14 | 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-rotate-x: initial;
			--tw-rotate-y: initial;
			--tw-rotate-z: initial;
			--tw-skew-x: initial;
			--tw-skew-y: initial;
			--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-blur: initial;
			--tw-brightness: initial;
			--tw-contrast: initial;
			--tw-grayscale: initial;
			--tw-hue-rotate: initial;
			--tw-invert: initial;
			--tw-opacity: initial;
			--tw-saturate: initial;
			--tw-sepia: initial;
			--tw-drop-shadow: initial;
			--tw-drop-shadow-color: initial;
			--tw-drop-shadow-alpha: 100%;
			--tw-drop-shadow-size: initial;
			--tw-duration: initial
		}
	}
}

@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-red-700: oklch(50.5% .213 27.518);
		--color-white: #fff;
		--spacing: .25rem;
		--container-md: 28rem;
		--container-lg: 32rem;
		--container-7xl: 80rem;
		--text-xs: .75rem;
		--text-xs--line-height: calc(1/.75);
		--text-sm: .875rem;
		--text-sm--line-height: calc(1.25/.875);
		--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-4xl: 2.25rem;
		--text-4xl--line-height: calc(2.5/2.25);
		--font-weight-light: 300;
		--font-weight-medium: 500;
		--font-weight-bold: 700;
		--font-weight-extrabold: 800;
		--font-weight-black: 900;
		--leading-tight: 1.25;
		--leading-normal: 1.5;
		--radius-md: .375rem;
		--radius-lg: .5rem;
		--radius-xl: .75rem;
		--radius-3xl: 1.5rem;
		--radius-4xl: 2rem;
		--aspect-video: 16/9;
		--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);
		--background: #0a0220;
		--text: #fff;
		--header: #0a0220;
		--footer: #0a0220;
		--border: #ffffff1a;
		--button: #297CF4;
		--button-hover: #6df627;
		--button-text: #fff;
		--button-hover-text: #0a0220;
		--primary: #72CEF8;
		--content: #0a022080;
		--card-bg: #0a022080;
		--card-border: var(--border);
		--card-text: #fff;
		--star: #f8c642
	}
}

@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%;
		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;
		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
	}

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

	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]) {
		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 {
	.fixed {
		position: fixed
	}

	.relative {
		position: relative
	}

	.static {
		position: static
	}

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

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

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

	.z-30 {
		z-index: 30
	}

	.container {
		width: 100%
	}

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

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

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

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

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

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

	.mx-auto {
		margin-inline: auto
	}

	.mt-1 {
		margin-top: calc(var(--spacing)*1)
	}

	.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-6 {
		margin-top: calc(var(--spacing)*6)
	}

	.mt-8 {
		margin-top: calc(var(--spacing)*8)
	}

	.mb-0 {
		margin-bottom: calc(var(--spacing)*0)
	}

	.mb-2 {
		margin-bottom: calc(var(--spacing)*2)
	}

	.mb-3 {
		margin-bottom: calc(var(--spacing)*3)
	}

	.mb-4 {
		margin-bottom: calc(var(--spacing)*4)
	}

	.mb-5 {
		margin-bottom: calc(var(--spacing)*5)
	}

	.block {
		display: block
	}

	.flex {
		display: flex
	}

	.grid {
		display: grid
	}

	.hidden {
		display: none
	}

	.table {
		display: table
	}

	.aspect-video {
		aspect-ratio: var(--aspect-video)
	}

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

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

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

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

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

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

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

	.h-full {
		height: 100%
	}

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

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

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

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

	.w-auto {
		width: auto
	}

	.w-full {
		width: 100%
	}

	.max-w-7xl {
		max-width: var(--container-7xl)
	}

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

	.max-w-\[100\%\] {
		max-width: 100%
	}

	.max-w-\[160px\] {
		max-width: 160px
	}

	.max-w-lg {
		max-width: var(--container-lg)
	}

	.max-w-md {
		max-width: var(--container-md)
	}

	.grow {
		flex-grow: 1
	}

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

	.transform {
		transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
	}

	.cursor-pointer {
		cursor: pointer
	}

	.grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.flex-col {
		flex-direction: column
	}

	.flex-row {
		flex-direction: row
	}

	.flex-wrap {
		flex-wrap: wrap
	}

	.items-center {
		align-items: center
	}

	.items-start {
		align-items: flex-start
	}

	.justify-between {
		justify-content: space-between
	}

	.justify-center {
		justify-content: center
	}

	.gap-1 {
		gap: calc(var(--spacing)*1)
	}

	.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-x-6 {
		column-gap: calc(var(--spacing)*6)
	}

	.gap-y-4 {
		row-gap: calc(var(--spacing)*4)
	}

	.self-stretch {
		align-self: stretch
	}

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

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

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

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

	.rounded-t-md {
		border-top-left-radius: var(--radius-md);
		border-top-right-radius: var(--radius-md)
	}

	.rounded-t-xl {
		border-top-left-radius: var(--radius-xl);
		border-top-right-radius: var(--radius-xl)
	}

	.border {
		border-style: var(--tw-border-style);
		border-width: 1px
	}

	.border-t {
		border-top-style: var(--tw-border-style);
		border-top-width: 1px
	}

	.border-\[var\(--background\)\] {
		border-color: var(--background)
	}

	.border-\[var\(--border\)\] {
		border-color: var(--border)
	}

	.border-\[var\(--card-border\)\] {
		border-color: var(--card-border)
	}

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

	.bg-\[var\(--background\)\] {
		background-color: var(--background)
	}

	.bg-\[var\(--button\)\] {
		background-color: var(--button)
	}

	.bg-\[var\(--card-bg\)\] {
		background-color: var(--card-bg)
	}

	.bg-\[var\(--card-secondary\)\] {
		background-color: var(--card-secondary)
	}

	.bg-\[var\(--content\)\] {
		background-color: var(--content)
	}

	.bg-\[var\(--footer\)\] {
		background-color: var(--footer)
	}

	.bg-\[var\(--header\)\] {
		background-color: var(--header)
	}

	.bg-red-700 {
		background-color: var(--color-red-700)
	}

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

	.object-contain {
		object-fit: contain
	}

	.p-1 {
		padding: calc(var(--spacing)*1)
	}

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

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

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

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

	.py-1\.5 {
		padding-block: calc(var(--spacing)*1.5)
	}

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

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

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

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

	.pb-10 {
		padding-bottom: calc(var(--spacing)*10)
	}

	.text-center {
		text-align: center
	}

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

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

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

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

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

	.text-\[28px\] {
		font-size: 28px
	}

	.leading-none {
		--tw-leading: 1;
		line-height: 1
	}

	.leading-normal {
		--tw-leading: var(--leading-normal);
		line-height: var(--leading-normal)
	}

	.leading-tight {
		--tw-leading: var(--leading-tight);
		line-height: var(--leading-tight)
	}

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

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

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

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

	.text-\[var\(--background\)\] {
		color: var(--background)
	}

	.text-\[var\(--button-text\)\] {
		color: var(--button-text)
	}

	.text-\[var\(--card-text\)\] {
		color: var(--card-text)
	}

	.text-\[var\(--primary\)\] {
		color: var(--primary)
	}

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

	.uppercase {
		text-transform: uppercase
	}

	.underline {
		text-decoration-line: underline
	}

	.underline-offset-2 {
		text-underline-offset: 2px
	}

	.underline-offset-4 {
		text-underline-offset: 4px
	}

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

	.shadow-xl {
		--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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)
	}

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

	.duration-75 {
		--tw-duration: 75ms;
		transition-duration: 75ms
	}

	.duration-300 {
		--tw-duration: .3s;
		transition-duration: .3s
	}

	@media (hover:hover) {
		.hover\:bg-\[var\(--background\)\]:hover {
			background-color: var(--background)
		}

		.hover\:bg-\[var\(--button-hover\)\]:hover {
			background-color: var(--button-hover)
		}

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

		.hover\:text-\[var\(--button-hover-text\)\]:hover {
			color: var(--button-hover-text)
		}

		.hover\:text-\[var\(--button-text\)\]:hover {
			color: var(--button-text)
		}

		.hover\:underline:hover {
			text-decoration-line: underline
		}
	}

	@media (min-width:48rem) {
		.md\:bottom-2\.5 {
			bottom: calc(var(--spacing)*2.5)
		}

		.md\:left-2\.5 {
			left: calc(var(--spacing)*2.5)
		}

		.md\:mx-0 {
			margin-inline: calc(var(--spacing)*0)
		}

		.md\:mt-0 {
			margin-top: calc(var(--spacing)*0)
		}

		.md\:mt-2 {
			margin-top: calc(var(--spacing)*2)
		}

		.md\:mb-0 {
			margin-bottom: calc(var(--spacing)*0)
		}

		.md\:mb-2 {
			margin-bottom: calc(var(--spacing)*2)
		}

		.md\:block {
			display: block
		}

		.md\:hidden {
			display: none
		}

		.md\:h-6 {
			height: calc(var(--spacing)*9)
		}

		.md\:h-7 {
			height: calc(var(--spacing)*9)
		}

		.md\:h-8 {
			height: calc(var(--spacing)*8)
		}

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

		.md\:h-13 {
			height: calc(var(--spacing)*13)
		}

		.md\:w-8 {
			width: calc(var(--spacing)*8)
		}

		.md\:w-auto {
			width: auto
		}

		.md\:w-full {
			width: 100%
		}

		.md\:max-w-\[165px\] {
			max-width: 165px
		}

		.md\:max-w-\[200px\] {
			max-width: 200px
		}

		.md\:max-w-\[250px\] {
			max-width: 250px
		}

		.md\:min-w-\[230px\] {
			min-width: 230px
		}

		.md\:flex-row {
			flex-direction: row
		}

		.md\:justify-between {
			justify-content: space-between
		}

		.md\:justify-end {
			justify-content: flex-end
		}

		.md\:gap-2 {
			gap: calc(var(--spacing)*2)
		}

		.md\:gap-4 {
			gap: calc(var(--spacing)*4)
		}

		.md\:gap-6 {
			gap: calc(var(--spacing)*6)
		}

		.md\:gap-10 {
			gap: calc(var(--spacing)*10)
		}

		.md\:gap-20 {
			gap: calc(var(--spacing)*20)
		}

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

		.md\:rounded-t-none {
			border-top-left-radius: 0;
			border-top-right-radius: 0
		}

		.md\:rounded-l-md {
			border-top-left-radius: var(--radius-md);
			border-bottom-left-radius: var(--radius-md)
		}

		.md\:p-0 {
			padding: calc(var(--spacing)*0)
		}

		.md\:p-6 {
			padding: calc(var(--spacing)*6)
		}

		.md\:p-8 {
			padding: calc(var(--spacing)*8)
		}

		.md\:px-0 {
			padding-inline: calc(var(--spacing)*0)
		}

		.md\:px-10 {
			padding-inline: calc(var(--spacing)*10)
		}

		.md\:py-16 {
			padding-block: calc(var(--spacing)*16)
		}

		.md\:pt-16 {
			padding-top: calc(var(--spacing)*16)
		}

		.md\:pb-16 {
			padding-bottom: calc(var(--spacing)*16)
		}

		.md\:text-left {
			text-align: left
		}

		.md\:text-2xl {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height))
		}

		.md\:text-4xl {
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height))
		}

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

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

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

	@media (min-width:64rem) {
		.lg\:block {
			display: block
		}

		.lg\:max-w-\[215px\] {
			max-width: 215px
		}
	}

	@media (min-width:80rem) {
		.xl\:max-w-\[195px\] {
			max-width: 195px
		}

		.xl\:max-w-\[300px\] {
			max-width: 300px
		}
	}
}

body {
	background: url(../images/background.png) top/cover no-repeat fixed, var(--background);
	color: var(--text);
	font-family: Rubik, sans-serif;
	line-height: 1.6
}

body:before {
	content: "";
	background: var(--border);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: -1;
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0
}

ul {
	margin-left: 20px;
	list-style: outside
}

ol {
	margin-left: 20px;
	list-style: decimal
}

b,
strong {
	font-weight: 600
}

dialog,
dialog::backdrop {
	opacity: 0;
	visibility: hidden;
	transition-duration: .2s;
	scale: 1.05
}

dialog[open],
dialog[open]::backdrop {
	opacity: 1;
	visibility: visible;
	transition-duration: .2s;
	scale: 1
}

@starting-style {

	dialog[open],
	dialog[open]::backdrop {
		opacity: 0;
		transition-duration: .2s;
		scale: 1.05
	}
}

.modal {
	background: var(--background)
}

.pm-icon {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%
}

.pm-icon-wrapper {
	aspect-ratio: 13/9;
	width: 40px;
	margin: 0 .25rem 0 0
}

.pm-icon-wrapper:first-child {
	margin-left: 0
}

.pm-icon-wrapper:last-child {
	margin-right: 0
}

.pm-1 {
	background-image: url("data:image/svg+xml,%3csvg%20width='47'%20height='32'%20viewBox='0%200%2047%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.8357%2022.8759C22.2356%2024.247%2020.16%2025.0746%2017.8919%2025.0746C12.8311%2025.0746%208.72858%2020.9539%208.72858%2015.8707C8.72858%2010.7874%2012.8311%206.66669%2017.8919%206.66669C20.16%206.66669%2022.2356%207.49435%2023.8357%208.86539C25.4358%207.49435%2027.5114%206.66669%2029.7795%206.66669C34.8403%206.66669%2038.9429%2010.7874%2038.9429%2015.8707C38.9429%2020.9539%2034.8403%2025.0746%2029.7795%2025.0746C27.5114%2025.0746%2025.4358%2024.247%2023.8357%2022.8759Z'%20fill='%23e8e9f7'%20fill-opacity='0.7'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.8357%2022.8759C25.806%2021.1878%2027.0553%2018.6758%2027.0553%2015.8707C27.0553%2013.0656%2025.806%2010.5536%2023.8357%208.86539C25.4358%207.49435%2027.5114%206.66669%2029.7795%206.66669C34.8403%206.66669%2038.9429%2010.7874%2038.9429%2015.8707C38.9429%2020.9539%2034.8403%2025.0746%2029.7795%2025.0746C27.5114%2025.0746%2025.4358%2024.247%2023.8357%2022.8759Z'%20fill='%23e8e9f7'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.8357%208.86542C25.806%2010.5536%2027.0553%2013.0656%2027.0553%2015.8707C27.0553%2018.6757%2025.806%2021.1877%2023.8357%2022.8759C21.8655%2021.1877%2020.6162%2018.6757%2020.6162%2015.8707C20.6162%2013.0656%2021.8655%2010.5536%2023.8357%208.86542Z'%20fill='%23e8e9f7'/%3e%3c/svg%3e")
}

.pm-2 {
	background-image: url("data:image/svg+xml,%3csvg%20width='47'%20height='32'%20viewBox='0%200%2047%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40.9773%2013.1207C40.5238%2012.7839%2039.8375%2012.614%2038.9379%2012.614H36.5818L35.706%2017.7691H32.6195L32.8179%2016.5995H34.6771L34.8974%2015.2859L33.0392%2015.2888L33.2382%2014.1244H35.1533L35.4081%2012.6143H31.5189L30.6874%2017.5042H29.2602L30.0973%2012.6141H28.0643L27.2328%2017.5039H25.8425L26.6804%2012.6141H24.6484L23.7715%2017.7691H20.6628L20.8593%2016.5995H22.7261L22.9466%2015.2934L21.0817%2015.2914L21.2796%2014.1247H23.2161L23.4693%2012.614H11.35L10.6602%2016.6989L9.28649%2012.614H7.17721L6.04196%2019.2806H8.05635L8.74349%2015.083L10.0765%2019.2806H17.2959L18.1737%2014.1241H19.3028L18.425%2019.2806H37.4207L37.9714%2016.0256L38.8623%2019.2806H40.8778L39.9546%2016.6209L40.1658%2016.5716C40.631%2016.4635%2040.9938%2016.2313%2041.2465%2015.8832C41.4989%2015.5319%2041.6275%2015.0809%2041.6275%2014.5391C41.6275%2013.9084%2041.4146%2013.4443%2040.9767%2013.1203L40.9773%2013.1207ZM15.543%2017.7691H12.4595L12.6587%2016.5995H14.5927L14.812%2015.2822H12.8965L13.081%2014.1248H16.16L15.5424%2017.769L15.543%2017.7691ZM39.3166%2015.5235C39.114%2015.6771%2038.8201%2015.7519%2038.4183%2015.7519H38.0199L38.3255%2013.9629H38.6185C38.9522%2013.9629%2039.1955%2014.0209%2039.3634%2014.1391C39.4944%2014.2319%2039.6503%2014.4154%2039.6503%2014.7623C39.6498%2015.182%2039.4685%2015.4075%2039.3161%2015.5235L39.3166%2015.5235Z'%20fill='%23e8e9f7'/%3e%3c/svg%3e")
}

.pm-3 {
	background-image: url("data:image/svg+xml,%3csvg%20width='47'%20height='32'%20viewBox='0%200%2047%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M30.8287%2010.4401C30.0688%2010.4401%2029.4517%2011.0497%2029.4517%2011.8012C29.4517%2012.5532%2030.0688%2013.1615%2030.8287%2013.1615C31.59%2013.1615%2032.2067%2012.5532%2032.2067%2011.8012C32.2067%2011.0497%2031.59%2010.4401%2030.8287%2010.4401ZM10.9633%2015.0004C10.6101%2014.9779%209.79203%2014.9253%209.79203%2014.1981C9.79203%2013.3206%2010.9691%2013.3206%2011.4108%2013.3206C12.1877%2013.3206%2013.1929%2013.5469%2013.9117%2013.7596C13.9117%2013.7596%2014.3118%2013.8993%2014.6524%2014.0416L14.6841%2014.0505V11.647L14.6416%2011.6341C13.7931%2011.3411%2012.808%2011.0595%2010.9807%2011.0595C7.83045%2011.0595%206.71428%2012.8715%206.71428%2014.4253C6.71428%2015.3201%207.10275%2017.4278%2010.7095%2017.6705L10.7128%2017.6707C11.0219%2017.6894%2011.8279%2017.7382%2011.8279%2018.487C11.8279%2019.1076%2011.1633%2019.4728%2010.0458%2019.4728C8.82131%2019.4728%207.63264%2019.1651%206.9112%2018.872V21.3467C7.99157%2021.6274%209.20978%2021.7662%2010.6374%2021.7662C13.7165%2021.7662%2015.0968%2020.0514%2015.0968%2018.3513C15.0968%2016.4243%2013.5532%2015.172%2010.9633%2015.0004ZM20.2605%2013.9322L20.2747%2013.8957H23.5731C23.4791%2014.1924%2022.8906%2015.9823%2021.5489%2017.663C21.5489%2017.663%2023.0432%2020.2495%2023.3847%2021.6526H19.931C19.931%2021.6526%2019.5184%2019.7897%2018.6833%2018.552V21.6526H15.7993V11.6231L18.6833%2011.0595V16.5932C19.7051%2015.3724%2020.1605%2014.1917%2020.2605%2013.9322ZM37.4908%2021.6526V11.5532L40.2857%2011.0595V21.6526H37.4908ZM27.8561%2013.791C25.2742%2013.8732%2023.9624%2015.0181%2023.9624%2017.2939V21.6526H26.7802V18.0975C26.7802%2016.7355%2026.961%2016.1516%2028.5977%2016.0959V13.8312C28.3224%2013.7733%2027.8561%2013.791%2027.8561%2013.791ZM29.4324%2021.6526V13.9046H32.2269V21.6526H29.4324ZM33.4111%2011.5532L36.2042%2011.0595V21.6526H33.4111V11.5532Z'%20fill='%23e8e9f7'/%3e%3c/svg%3e")
}

.pm-4 {
	background-image: url("data:image/svg+xml,%3csvg%20width='47'%20height='32'%20viewBox='0%200%2047%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26.1017%208H18.8148L18.2119%2011.3232L24.7838%2011.333C28.0196%2011.333%2028.9801%2012.4908%2028.949%2014.4124C28.935%2015.3974%2028.4993%2017.0635%2028.3151%2017.6004C27.8173%2019.0414%2026.7918%2020.6818%2022.948%2020.6768L16.5604%2020.6729L15.9575%2024H23.2254C25.7883%2024%2026.8799%2023.7049%2028.0326%2023.1808C30.5905%2022.0181%2032.1138%2019.528%2032.7257%2016.2778C33.6331%2011.4416%2032.5014%208%2026.1007%208H26.1017Z'%20fill='%23e8e9f7'/%3e%3cpath%20d='M22.8178%2015.6926C23.0551%2014.7204%2023.1303%2014.3306%2023.1303%2014.3306H15.673C13.7662%2014.3306%2013.4937%2015.5544%2013.3125%2016.2947C13.0751%2017.2629%2013%2017.6577%2013%2017.6577H20.4582C22.3641%2017.6577%2022.6365%2016.4338%2022.8178%2015.6926Z'%20fill='%23e8e9f7'/%3e%3c/svg%3e")
}

.pm-5 {
	background-image: url("data:image/svg+xml,%3csvg%20width='47'%20height='32'%20viewBox='0%200%2047%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.1081%2021.4438H17.4506L19.1128%2011.239H21.7701L20.1081%2021.4438Z'%20fill='%23e8e9f7'/%3e%3cpath%20d='M29.7407%2011.4885C29.2165%2011.282%2028.3852%2011.054%2027.3572%2011.054C24.7328%2011.054%2022.8847%2012.4435%2022.8734%2014.4301C22.8516%2015.8958%2024.1966%2016.7099%2025.2025%2017.1986C26.2306%2017.698%2026.5801%2018.024%2026.5801%2018.4691C26.5697%2019.1528%2025.7493%2019.4679%2024.9842%2019.4679C23.9232%2019.4679%2023.3547%2019.3054%2022.4908%2018.9251L22.1409%2018.762L21.769%2021.0528C22.3923%2021.3347%2023.5406%2021.5849%2024.7328%2021.5959C27.5212%2021.5959%2029.3366%2020.2279%2029.3581%2018.1108C29.3687%2016.9491%2028.6585%2016.059%2027.1274%2015.3317C26.1979%2014.8647%2025.6287%2014.5499%2025.6287%2014.0721C25.6396%2013.6378%2026.1102%2013.193%2027.1594%2013.193C28.0233%2013.1712%2028.6581%2013.3774%2029.1389%2013.5837L29.3793%2013.6921L29.7407%2011.4885Z'%20fill='%23e8e9f7'/%3e%3cpath%20d='M33.2741%2017.8286C33.493%2017.2423%2034.3351%2014.9733%2034.3351%2014.9733C34.3241%2014.9951%2034.5535%2014.3763%2034.6848%2013.9963L34.8705%2014.8756C34.8705%2014.8756%2035.3737%2017.3183%2035.483%2017.8286C35.0677%2017.8286%2033.799%2017.8286%2033.2741%2017.8286ZM36.5545%2011.239H34.4989C33.865%2011.239%2033.3834%2011.4234%2033.1099%2012.0856L29.1626%2021.4436H31.951C31.951%2021.4436%2032.4101%2020.1841%2032.5087%2019.9128C32.8146%2019.9128%2035.5272%2019.9128%2035.9207%2019.9128C35.997%2020.2711%2036.2378%2021.4436%2036.2378%2021.4436H38.6984L36.5545%2011.239Z'%20fill='%23e8e9f7'/%3e%3cpath%20d='M15.2307%2011.239L12.6281%2018.1976L12.3437%2016.7863C11.8626%2015.1579%2010.3535%2013.3886%208.66956%2012.5089L11.0534%2021.4329H13.8636L18.0407%2011.239H15.2307Z'%20fill='%23e8e9f7'/%3e%3cpath%20d='M10.2114%2011.239H5.93579L5.89204%2011.4451C9.22731%2012.292%2011.4362%2014.3333%2012.3437%2016.7868L11.4142%2012.0968C11.2612%2011.445%2010.791%2011.2605%2010.2114%2011.239Z'%20fill='%23e8e9f7'/%3e%3c/svg%3e")
}

.star-icon {
	color: var(--star);
	width: 22px;
	height: 22px;
	display: block
}

@media screen and (max-width:1149px) {
	.star-icon {
		width: 16px;
		height: 16px
	}
}

@media (max-width:350px) {
	.star-icon {
		width: 10px;
		height: 10px
	}
}

.offer__wrap {
	text-align: center;
	padding: 1rem
}

@media screen and (max-width:767px) {
	.offer__wrap {
		place-self: stretch stretch;
		width: 100%;
		padding: 0
	}
}

.offer__wrap:not(:first-child) {
	padding-left: .5rem;
	padding-right: .5rem
}

@media screen and (max-width:767px) {
	.offer__wrap:not(:first-child) {
		padding: 0
	}
}

.divider {
	margin: 3rem 0
}

table {
	border-collapse: collapse;
	width: 100%;
	color: var(--text);
	background: var(--content);
	border-radius: 12px;
	font-family: Rubik, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden
}

thead th {
	text-align: left;
	color: #fff;
	border: 1px solid var(--border);
	letter-spacing: .2px;
	white-space: nowrap;
	padding: 16px 18px;
	font-weight: 700
}

tbody td {
	vertical-align: top;
	border: 1px solid var(--border);
	padding: 16px 18px
}

tbody tr:nth-child(2n) {
	background: var(--border)
}

/* Age Verification Splash Screen */
.age-gate-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    opacity: 1;
    transition: opacity 0.5s ease;
}
.age-gate-overlay a {
    color: #82F2FF;
    text-decoration: none;
    transition: color 0.3s ease;
}
.age-gate-overlay.hidden {
    opacity: 0;
    pointer-events: none;
}

.age-gate-modal {
    background-color: #1A1A1A;
    padding: 40px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(255, 140, 0, 0.3);
    max-width: 500px;
    width: 90%;
    border: 2px solid #5E6AFF;
}

.age-gate-modal h2 {
    color: #82F2FF;
    margin-bottom: 20px;
    font-size: 2em;
}

.age-gate-modal p {
    color: #E0E0E0;
    margin-bottom: 15px;
    font-size: 1.1em;
}

.age-gate-warning {
    color: #FFD700;
    font-weight: 500;
    font-size: 0.95em;
    margin-top: 20px;
    padding: 10px;
    background-color: rgba(255, 140, 0, 0.1);
    border-radius: 8px;
}

.age-gate-actions {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.age-gate-actions .btn {
    min-width: 150px;
}
.btn {
    display: inline-block;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 1em;
    font-weight: 600;
    cursor: pointer;
    border: none;
    text-align: center;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    text-decoration: none;
}
.btn-primary {
    background-color: #82F2FF;
    color: #1A1A1A;
    box-shadow: 0 4px 10px rgba(255, 140, 0, 0.4);
}
.btn-secondary {
    background-color: #333333;
    color: #E0E0E0;
    border: 1px solid #555555;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

@media (max-width: 480px) {
  
    .age-gate-modal h2 {
        font-size: 1.5em;
    }
    .age-gate-modal p {
        font-size: 1em;
    }
    .age-gate-actions {
        flex-direction: column;
        gap: 10px;
    }
    .age-gate-actions .btn {
        min-width: unset;
        width: 100%;
    }

    
}
@media (max-width:720px) {
	thead {
		display: none
	}

	table,
	tbody,
	tr,
	td {
		background: 0 0;
		width: 100%;
		display: block
	}

	tr {
		border: 1px solid var(--border);
		border-radius: 10px;
		margin: 0 0 12px;
		overflow: hidden
	}

	tbody td {
		border-bottom: 1px solid var(--border);
		padding: 12px 14px 12px 140px;
		position: relative
	}

	tbody td:last-child {
		border-bottom: none
	}

	tbody td:before {
		content: attr(data-label);
		color: #fff;
		white-space: nowrap;
		width: 110px;
		font-weight: 700;
		position: absolute;
		top: 12px;
		left: 14px
	}
}

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

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

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

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

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

@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-blur{syntax:" *";inherits:false}@property --tw-brightness{syntax:" *";inherits:false}@property --tw-contrast{syntax:" *";inherits:false}@property --tw-grayscale{syntax:" *";inherits:false}@property --tw-hue-rotate{syntax:" *";inherits:false}@property --tw-invert{syntax:" *";inherits:false}@property --tw-opacity{syntax:" *";inherits:false}@property --tw-saturate{syntax:" *";inherits:false}@property --tw-sepia{syntax:" *";inherits:false}@property --tw-drop-shadow{syntax:" *";inherits:false}@property --tw-drop-shadow-color{syntax:" *";inherits:false}@property --tw-drop-shadow-alpha{syntax:"
		<percentage> ";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:" *";inherits:false}@property --tw-duration{syntax:" *";inherits:false}