/* Baytsoft kurumsal giriş ekranı stilleri — yalnızca login.php tarafından kullanılır */

.lp-body {
	min-height: 100vh;
	margin: 0;
	background-color: #f6f8f7;
	position: relative;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	font-family: var(--vz-font-sans-serif, "Poppins", sans-serif);
}

/* Köşelerdeki yumuşak ışık lekeleri */
.lp-body::before,
.lp-body::after {
	content: "";
	position: fixed;
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

.lp-body::before {
	top: -140px;
	right: -100px;
	width: 480px;
	height: 480px;
	background: radial-gradient(circle, rgba(34, 197, 94, 0.11), transparent 70%);
}

.lp-body::after {
	bottom: -130px;
	left: -110px;
	width: 440px;
	height: 440px;
	background: radial-gradient(circle, rgba(45, 212, 191, 0.10), transparent 70%);
}

.lp-wrapper {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px 16px;
	position: relative;
	z-index: 1;
}

/* Giriş kartı */
.lp-card {
	width: 100%;
	max-width: 400px;
	background: #ffffff;
	border: 1px solid #eef2f0;
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(15, 40, 25, 0.10);
	padding: 34px 34px 28px;
	position: relative;
	overflow: hidden;
	animation: lpCardIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes lpCardIn {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Üstte akan yeşil-turkuaz şerit */
.lp-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: -60px;
	right: -60px;
	height: 3px;
	background: linear-gradient(90deg, #22c55e, #2dd4bf, #22c55e);
	animation: lpSheen 5s ease-in-out infinite;
}

@keyframes lpSheen {
	0%, 100% { transform: translateX(-30px); }
	50% { transform: translateX(30px); }
}

.lp-logo {
	text-align: center;
	margin-bottom: 8px;
}

.lp-logo img {
	max-width: 210px;
	height: auto;
}

.lp-subtitle {
	text-align: center;
	color: #94a39b;
	font-size: 13px;
	margin-bottom: 24px;
}

/* Form alanları */
.lp-label {
	font-size: 12.5px;
	font-weight: 500;
	color: #4a5850;
	margin-bottom: 6px;
	display: block;
}

.lp-field {
	position: relative;
	margin-bottom: 16px;
}

.lp-field > .lp-icon {
	position: absolute;
	left: 13px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	color: #9db0a5;
	pointer-events: none;
	transition: color 0.2s ease;
}

.lp-card .form-control.lp-input {
	height: 44px;
	background-color: #f7faf8;
	border: 1px solid #dfe7e2;
	border-radius: 9px;
	padding-left: 40px;
	font-size: 14px;
	color: #26312b;
	box-shadow: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.lp-card .form-control.lp-input::placeholder {
	color: #9db0a5;
}

.lp-card .form-control.lp-input:focus {
	background-color: #ffffff;
	border-color: #22c55e;
	box-shadow: 0 0 0 3.5px rgba(34, 197, 94, 0.12);
}

.lp-field:focus-within > .lp-icon {
	color: #16a34a;
}

/* Şifre göster/gizle butonu */
.lp-card .password-addon {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	color: #9db0a5 !important;
	z-index: 3;
}

.lp-card .password-addon:hover {
	color: #16a34a !important;
}

.lp-card .lp-input.password-input {
	padding-right: 42px;
}

/* Captcha satırı */
.lp-captcha-row {
	display: flex;
	gap: 8px;
	align-items: stretch;
}

.lp-captcha-row img {
	height: 44px;
	border: 1px solid #dfe7e2;
	border-radius: 9px;
	background: #eef4f0;
	cursor: pointer;
}

.lp-captcha-refresh {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	background: #f7faf8;
	border: 1px solid #dfe7e2;
	border-radius: 9px;
	color: #16a34a;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease, border-color 0.2s ease;
	padding: 0;
}

.lp-captcha-refresh:hover {
	background: #eef4f0;
	border-color: #c9d6cf;
	color: #15803d;
}

.lp-captcha-refresh .ri-refresh-line {
	display: inline-block;
}

.lp-captcha-refresh.lp-spin .ri-refresh-line {
	animation: lpSpin 0.5s ease;
}

@keyframes lpSpin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.lp-captcha-row .lp-captcha-input {
	flex: 1;
	min-width: 0;
	padding-left: 14px;
	text-transform: uppercase;
	letter-spacing: 7px;
	font-weight: 600;
}

/* Beni hatırla */
.lp-card .form-check-input:checked {
	background-color: #22c55e;
	border-color: #22c55e;
}

.lp-card .form-check-input:focus {
	border-color: #22c55e;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
}

.lp-card .form-check-label {
	color: #7d8d84;
	font-size: 13px;
}

/* Giriş butonu */
.lp-submit {
	width: 100%;
	height: 46px;
	border: none;
	border-radius: 9px;
	background: linear-gradient(135deg, #22c55e, #16a34a);
	color: #ffffff;
	font-size: 14.5px;
	font-weight: 500;
	letter-spacing: 0.2px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0 6px 16px rgba(34, 197, 94, 0.30);
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.lp-submit:hover {
	transform: translateY(-1px);
	box-shadow: 0 9px 22px rgba(34, 197, 94, 0.38);
	filter: brightness(1.03);
	color: #ffffff;
}

.lp-submit:active {
	transform: translateY(0);
	box-shadow: 0 4px 12px rgba(34, 197, 94, 0.28);
}

/* Alt bilgi */
.lp-footer {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 18px 16px 22px;
	color: #a9b6ae;
	font-size: 12.5px;
}

@media (max-width: 480px) {
	.lp-card {
		padding: 28px 22px 24px;
	}

	.lp-logo img {
		max-width: 180px;
	}
}