:root {
	--primary-color: #ffffff;
	--bg-color: #1a1a1a;
	--card-bg: rgba(255, 255, 255, .1)
}


body {
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;
	background-color: var(--bg-color);
	color: var(--primary-color);
	min-height: 100vh;
	line-height: 1.5;
	font-size: clamp(14px,1vw,16px);
	overflow-x: hidden
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(1.25rem)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate(-30px)
	}

	to {
		opacity: 1;
		transform: translate(0)
	}
}

@keyframes fadeInScale {
	0% {
		opacity: 0;
		transform: scale(.5) rotate(-10deg)
	}

	to {
		opacity: 1;
		transform: scale(1) rotate(0)
	}
}

@keyframes cardBounceIn {
	0% {
		opacity: 0;
		transform: translateY(40px) scale(.95)
	}

	60% {
		opacity: 1;
		transform: translateY(-5px) scale(1.02)
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

@media(prefers-reduced-motion:reduce) {
	* {
		animation: none!important;
		transition: none!important
	}
}

.card[data-astro-cid-lxmfzltz] {
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	position: relative;
	background: linear-gradient(135deg,#ffffff26,#ffffff14);
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 1rem;
	padding: 1rem 1.25rem;
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	box-shadow: 0 8px 32px #0003,inset 0 1px #fff3,inset 0 -1px #ffffff0d;
	transition: transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,border-color .4s ease,background .4s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
	color: inherit;
	height: 100%;
	min-height: 11rem;
	animation: cardBounceIn 1s cubic-bezier(.34,1.56,.64,1) forwards;
	opacity: 0;
	overflow: hidden
}

.card[data-astro-cid-lxmfzltz]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
	opacity: 0;
	transition: opacity .4s ease
}

.card[data-astro-cid-lxmfzltz]:hover {
	transform: translateY(-8px) scale(1.02);
	background: linear-gradient(135deg,#fff3,#ffffff1f);
	border-color: #ffffff4d;
	box-shadow: 0 20px 60px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a
}

.card[data-astro-cid-lxmfzltz]:hover:before {
	opacity: 1
}

.card-main[data-astro-cid-lxmfzltz] {
	flex-grow: 1
}

.card-icon[data-astro-cid-lxmfzltz] {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: .5rem;
	color: var(--primary-color)
}

.card-icon[data-astro-cid-lxmfzltz] svg {
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,.3))
}

.card[data-astro-cid-lxmfzltz] h3[data-astro-cid-lxmfzltz] {
	font-size: clamp(1.125rem,2vw,1.25rem);
	margin-bottom: .375rem;
	font-weight: 500;
	text-shadow: 0 2px 8px rgba(0,0,0,.3)
}

.card[data-astro-cid-lxmfzltz] p[data-astro-cid-lxmfzltz] {
	opacity: .8;
	font-size: clamp(.875rem,1.5vw,1rem);
	color: #fffc;
	line-height: 1.6;
	margin-bottom: 1rem;
	text-shadow: 0 1px 4px rgba(0,0,0,.2)
}

.card-footer[data-astro-cid-lxmfzltz] {
	margin-top: auto
}

.try-button[data-astro-cid-lxmfzltz] {
	color: var(--primary-color);
	font-size: clamp(.875rem,1.5vw,1rem);
	display: flex;
	align-items: center;
	font-weight: 500
}

.arrow[data-astro-cid-lxmfzltz] {
	margin-left: .5rem;
	transition: transform .3s ease;
	display: inline-block
}

.card[data-astro-cid-lxmfzltz]:hover .arrow[data-astro-cid-lxmfzltz] {
	transform: translate(.3125rem)
}

@media(max-width:48rem) {
	.card[data-astro-cid-lxmfzltz]:active {
		transform: scale(.98);
		transition: transform .2s ease
	}

	.card[data-astro-cid-lxmfzltz]:hover,.card[data-astro-cid-lxmfzltz]:hover .arrow[data-astro-cid-lxmfzltz] {
		transform: none
	}
}

@media(prefers-reduced-motion:reduce) {
	.card[data-astro-cid-lxmfzltz] {
		animation: none;
		opacity: 1
	}

	.card[data-astro-cid-lxmfzltz]:hover .arrow[data-astro-cid-lxmfzltz],.card[data-astro-cid-lxmfzltz]:hover {
		transform: none
	}
}

.background[data-astro-cid-kqy4wfo6] {
	--mouse-x: 0px;
	--mouse-y: 0px;
	position: fixed;
	inset: 0;
	display: flex;
	gap: 1rem;
	pointer-events: none;
	z-index: 0;
	transform: rotate(-15deg) scale(1.5) translate(var(--mouse-x),var(--mouse-y));
	transition: transform .1s ease-out
}

.waterfall-column[data-astro-cid-kqy4wfo6] {
	flex: 1;
	overflow: hidden
}

.scroll-track[data-astro-cid-kqy4wfo6] {
	display: flex;
	flex-direction: column;
	animation: scrollDown 110s linear infinite
}

.waterfall-column[data-astro-cid-kqy4wfo6]:nth-child(2) .scroll-track[data-astro-cid-kqy4wfo6] {
	animation-name: scrollUp;
	animation-duration: 116s
}

.waterfall-column[data-astro-cid-kqy4wfo6]:nth-child(3) .scroll-track[data-astro-cid-kqy4wfo6] {
	animation-name: scrollDown;
	animation-duration: 121s
}

.waterfall-column[data-astro-cid-kqy4wfo6]:nth-child(4) .scroll-track[data-astro-cid-kqy4wfo6] {
	animation-name: scrollUp;
	animation-duration: 127s
}

.image-group[data-astro-cid-kqy4wfo6] {
	display: flex;
	flex-direction: column;
	gap: 1rem
}

img[data-astro-cid-kqy4wfo6] {
	width: 100%;
	height: auto;
	border-radius: .5rem;
	opacity: .1;
	display: block
}

@keyframes scrollDown {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-50%)
	}
}

@keyframes scrollUp {
	0% {
		transform: translateY(-50%)
	}

	to {
		transform: translateY(0)
	}
}

@media(max-width:768px) {
	.background[data-astro-cid-kqy4wfo6] {
		gap: .5rem;
		transform: rotate(-15deg) scale(1.5);
		transition: none
	}

	.image-group[data-astro-cid-kqy4wfo6] {
		gap: .5rem
	}

	.waterfall-column[data-astro-cid-kqy4wfo6]:nth-child(3),.waterfall-column[data-astro-cid-kqy4wfo6]:nth-child(4) {
		display: none
	}

	.image-group[data-astro-cid-kqy4wfo6] img[data-astro-cid-kqy4wfo6]:nth-child(n+13) {
		display: none
	}
}

@media(prefers-reduced-motion:reduce) {
	.scroll-track[data-astro-cid-kqy4wfo6] {
		animation: none!important
	}

	.background[data-astro-cid-kqy4wfo6] {
		transition: none!important
	}
}

.container[data-astro-cid-j7pv25f6] {
	max-width: 75rem;
	margin: 0 auto;
	padding: 1.25rem;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center
}

header[data-astro-cid-j7pv25f6] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.25rem 0;
	width: 100%;
	max-width: 56.25rem
}

.greeting[data-astro-cid-j7pv25f6] {
	margin: 3.125rem 0;
	text-align: left;
	width: 100%;
	max-width: 56.25rem
}

.wave-icon[data-astro-cid-j7pv25f6] {
	font-size: clamp(2rem,4vw,2.25rem);
	margin-bottom: 1rem;
	opacity: 0;
	animation: fadeInScale .6s cubic-bezier(.34,1.56,.64,1) .1s forwards
}

h1[data-astro-cid-j7pv25f6] {
	font-size: clamp(2rem,5vw,3rem);
	margin-bottom: .5rem;
	font-weight: 500;
	opacity: 0;
	animation: fadeInLeft .8s cubic-bezier(.16,1,.3,1) .2s forwards
}

h2[data-astro-cid-j7pv25f6] {
	font-size: clamp(2rem,5vw,3rem);
	margin-bottom: 1rem;
	font-weight: 500;
	opacity: 0;
	animation: fadeInLeft .8s cubic-bezier(.16,1,.3,1) .4s forwards
}

.subtitle[data-astro-cid-j7pv25f6] {
	font-size: clamp(1.125rem,2.5vw,1.5rem);
	opacity: 0;
	font-weight: 400;
	animation: fadeInLeft .8s cubic-bezier(.16,1,.3,1) .6s forwards
}

.cards[data-astro-cid-j7pv25f6] {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(17.5rem,1fr));
	gap: .75rem;
	position: relative;
	z-index: 1;
	max-width: 56.25rem;
	width: 100%
}

.sphere-bg[data-astro-cid-j7pv25f6] {
	position: fixed;
	bottom: -30%;
	right: -10%;
	width: 50rem;
	height: 50rem;
	background: linear-gradient(45deg,#1a1a1a,#2a2a2a);
	border-radius: 50%;
	opacity: .5;
	z-index: 0
}

@media(max-width:48rem) {
	.container[data-astro-cid-j7pv25f6] {
		padding: 1rem
	}

	header[data-astro-cid-j7pv25f6] {
		max-width: 100%
	}

	.greeting[data-astro-cid-j7pv25f6] {
		margin: 2.5rem 0;
		max-width: 100%
	}

	.cards[data-astro-cid-j7pv25f6] {
		grid-template-columns: 1fr;
		max-width: 100%
	}

	.sphere-bg[data-astro-cid-j7pv25f6] {
		width: 25rem;
		height: 25rem;
		bottom: -20%;
		right: -20%
	}
}

@media(prefers-reduced-motion:reduce) {
	.wave-icon[data-astro-cid-j7pv25f6],h1[data-astro-cid-j7pv25f6],h2[data-astro-cid-j7pv25f6],.subtitle[data-astro-cid-j7pv25f6] {
		animation: none!important;
		opacity: 1!important
	}
}