body {
	margin: 0;
}

.loader-container {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: #f8fafc;
	z-index: 9999;
	transition: opacity 0.5s ease-out;
}

.loader-container.hide {
	opacity: 0;
	pointer-events: none;
}

.loader {
	position: relative;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.loader-logo {
	width: 120px;
	height: auto;
	opacity: 0.95;
	animation: logoFade 2s ease-in-out infinite alternate;
}

@keyframes logoFade {
	0% {
		opacity: 0.8;
		transform: scale(0.98);
	}
	100% {
		opacity: 1;
		transform: scale(1.02);
	}
}

.loading-text {
	color: #374151;
	font-family: 'Figtree', sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin-top: 10px;
	opacity: 0.8;
	animation: textPulse 1.5s ease-in-out infinite;
}

@keyframes textPulse {
	0%,
	100% {
		opacity: 0.6;
	}
	50% {
		opacity: 1;
	}
}