/* Login sayfası: arka plan, karartma, dekor */
.auth-login-page {
	position: relative;
	min-height: 100vh;
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 1rem;
}

.auth-login-bg {
	position: fixed;
	inset: 0;
	z-index: -3;
	background-image: url('https://images.unsplash.com/photo-1529006557810-274b9b2fc783?w=1920');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.auth-login-overlay {
	position: fixed;
	inset: 0;
	z-index: -2;
	background: rgba(0, 0, 0, 0.55);
}

.auth-login-pattern {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: 0.12;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='0.5' d='M0 40h80M40 0v80M0 0l80 80M80 0L0 80'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='0.3' d='M20 0v80M40 0v80M60 0v80M0 20h80M0 40h80M0 60h80'/%3E%3C/svg%3E");
}

.auth-login-decoration {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.auth-login-dot {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
}

.auth-login-dot:nth-child(1) { left: 8%; top: 12%; animation: auth-dot-move 12s ease-in-out infinite; }
.auth-login-dot:nth-child(2) { left: 22%; top: 35%; animation: auth-dot-move 14s ease-in-out infinite 1s; }
.auth-login-dot:nth-child(3) { left: 15%; top: 68%; animation: auth-dot-move 10s ease-in-out infinite 0.5s; }
.auth-login-dot:nth-child(4) { left: 58%; top: 18%; animation: auth-dot-move 13s ease-in-out infinite 0.2s; }
.auth-login-dot:nth-child(5) { left: 75%; top: 48%; animation: auth-dot-move 11s ease-in-out infinite 1.2s; }
.auth-login-dot:nth-child(6) { left: 68%; top: 78%; animation: auth-dot-move 15s ease-in-out infinite 0.8s; }
.auth-login-dot:nth-child(7) { left: 42%; top: 28%; animation: auth-dot-move 9s ease-in-out infinite 0.4s; }
.auth-login-dot:nth-child(8) { left: 35%; top: 82%; animation: auth-dot-move 12s ease-in-out infinite; }
.auth-login-dot:nth-child(9) { left: 88%; top: 22%; animation: auth-dot-move 10s ease-in-out infinite 0.6s; }
.auth-login-dot:nth-child(10) { left: 5%; top: 52%; animation: auth-dot-move 14s ease-in-out infinite 1s; }

@keyframes auth-dot-move {
	0%, 100% { transform: translate(0, 0); }
	25% { transform: translate(12px, -8px); }
	50% { transform: translate(-10px, 6px); }
	75% { transform: translate(8px, 10px); }
}

.login-box.auth-login-card {
	position: relative;
	z-index: 1;
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}

.auth-login-card .card {
	border: none;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
	overflow: hidden;
}

.auth-login-card .card-header {
	background: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	font-weight: 600;
	color: #2c3e50;
}

.auth-login-card .card-body {
	background: rgba(255, 255, 255, 0.98);
}

.auth-login-logo {
	margin-bottom: 1rem;
}

.auth-login-logo img {
	max-height: 80px;
	width: auto;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
}

.auth-login-card .btn-primary {
	font-weight: 500;
}