/* Authentication Components - Login, Signup, Password Reset */

/* Login form enhancements */
.form-control.focused {
	transform: scale(1.01);
	transition: transform 0.2s ease;
}

.form-control input:focus {
	box-shadow: 0 0 0 3px oklch(55% 0.12 55 / 0.2);
	border-color: oklch(55% 0.12 55);
}

/* Loading button animation for auth forms */
.btn.loading {
	position: relative;
	color: transparent;
}

.btn.loading::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top: 2px solid currentColor;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Auth form specific glass effect */
.auth-card {
	background: oklch(98.5% 0.008 85 / 0.95);
	backdrop-filter: blur(10px);
	border: 1px solid oklch(92% 0.015 70 / 0.3);
	box-shadow: 0 4px 20px oklch(92% 0.015 70 / 0.15), 0 1px 4px oklch(30% 0.03 260 / 0.08);
	border-radius: 0.75rem;
}

/* Auth page background */
.auth-background {
	background: linear-gradient(135deg, oklch(98.5% 0.008 85) 0%, oklch(95% 0.012 75) 100%);
	min-height: 100vh;
}