/* ===== Login sayfası preload (sadece login – tam ekran gradient) ===== */
#anasayfa-yukleniyor {
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: linear-gradient(160deg, #f0f4f8 0%, #e2e8f0 50%, #f8fafc 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: inherit;
}

/* ===== İç sayfalar preload – kurumsal (arkada site görünsün) ===== */
#site-preload-overlay {
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: rgba(15, 23, 42, 0.32);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: inherit;
}

/* Sadece hareketli çubuklar – kutu ve yazı yok */
#site-preload-overlay .preload-bars {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 32px;
}

#site-preload-overlay .preload-bars span {
	width: 4px;
	height: 100%;
	background: #5156be;
	border-radius: 2px;
	transform-origin: center bottom;
	animation: preload-bar 0.6s ease-in-out infinite alternate;
}

#site-preload-overlay .preload-bars span:nth-child(1) { animation-delay: 0s; }
#site-preload-overlay .preload-bars span:nth-child(2) { animation-delay: 0.1s; }
#site-preload-overlay .preload-bars span:nth-child(3) { animation-delay: 0.2s; }
#site-preload-overlay .preload-bars span:nth-child(4) { animation-delay: 0.3s; }
#site-preload-overlay .preload-bars span:nth-child(5) { animation-delay: 0.4s; }

@keyframes preload-bar {
	0% { transform: scaleY(0.35); opacity: 0.6; }
	100% { transform: scaleY(1); opacity: 1; }
}

/* Login’deki kart (inline stiller ile kullanılıyor; bu sadece yedek) */
#anasayfa-yukleniyor .preload-card,
.preload-card {
	box-sizing: border-box;
	text-align: center;
	padding: 2.75rem 2.5rem;
	max-width: 380px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 25px 50px -12px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.02);
}

.preload-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-bottom: 1.75rem;
}

.preload-dots span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #3b82f6;
	animation: preload-bounce 0.6s ease-in-out infinite;
}
.preload-dots span:nth-child(2) { animation-delay: 0.15s; }
.preload-dots span:nth-child(3) { animation-delay: 0.3s; }

.preload-title {
	font-size: 1.15rem;
	font-weight: 600;
	color: #1e293b;
	line-height: 1.45;
	margin-bottom: 0.5rem;
}
.preload-sub {
	font-size: 0.875rem;
	color: #64748b;
}

@keyframes preload-bounce {
	0%, 80%, 100% { transform: scale(0.85); opacity: 0.6; }
	40% { transform: scale(1.2); opacity: 1; }
}