html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
	padding: 0;
}
#app {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica', sans-serif;
	background-color: #0b0f1a;
	color: white;
	position: relative;
	overflow-x: hidden;
}

#app::before,
#app::after {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	filter: blur(120px);
	opacity: 0.4;
}

#app::before {
	top: 0;
	left: -100px;
	background: linear-gradient(135deg, #66d3fa, #8e44ec);
}

#app::after {
	bottom: 0;
	right: -100px;
	background: linear-gradient(135deg, #ff6ec4, #7873f5);
}

.card {
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	padding: 1.5rem;
	border: 1px solid rgba(255, 255, 255, 0.08);
}