:root {
	--primary-color: #6f42c1;
	--primary-light: #9d7bd9;
}

body {
	margin: 0;
	font-family: Arial, sans-serif;
	overflow:auto;
}
/* Background animation */
.background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
	background: linear-gradient(120deg, #ffffff, #9d7bd9);
}

.wave {
	position: absolute;
	width: 200%;
	height: 200%;
	top: -100%;
	left: -50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 80%);
	animation: wave 8s linear infinite;
}

.wave:nth-child(2) {
	animation-delay: 2s;
}

.wave:nth-child(3) {
	animation-delay: 4s;
}

@keyframes wave {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-20%) rotate(180deg);
	}
	100% {
		transform: translateY(0) rotate(360deg);
	}
}

.custom-form {
	background: #fff;
	border: 1px solid var(--primary-light);
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-form .form-control {
	border: 1px solid var(--primary-light);
	border-radius: 8px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.custom-form .form-control:focus {
	border-color: var(--primary-color);
	box-shadow: 0 0 4px var(--primary-light);
}

.custom-form .btn {
	background-color: var(--primary-light);
	color: #fff;
	border: none;
	border-radius: 8px;
	transition: background-color 0.3s ease;
}

.custom-form .btn:hover {
	background-color: var(--primary-color);
}