.loading-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 15, 31, 0.95);
	backdrop-filter: blur(10px);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9998;
	animation: fadeIn 0.3s ease;
}

.loading-content {
	text-align: center;
}

.loading-spinner {
	width: 60px;
	height: 60px;
	border: 4px solid rgba(168, 165, 230, 0.2);
	border-top: 4px solid #6c5ce7;
	border-radius: 50%;
	margin: 0 auto 1.5rem;
	animation: spin 0.8s linear infinite;
}

.loading-text {
	color: #a8a5e6;
	font-size: 1.2rem;
	font-weight: 600;
	margin: 0;
}

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

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}