body {
	min-height: 100vh;
	background: linear-gradient(135deg, #eaf4ff, #f8fbff);
	font-family: Arial, Helvetica, sans-serif;
}

.forgot-container {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.forgot-card {
	width: 100%;
	/*max-width: 850px;*/
	border: none;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 10px 35px rgba(0, 70, 120, 0.15);
}

/* Left section */
.forgot-image {
	background: linear-gradient(145deg, #006da8, #004b78);
	color: white;
	min-height: 546px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 35px;
	text-align: center;
}

.lock-icon {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background: rgba(255,255,255,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.lock-icon i {
	font-size: 70px;
}

.forgot-image h2 {
	font-weight: 700;
	margin-bottom: 12px;
}

.forgot-image p {
	color: #dcefff;
	font-size: 15px;
	line-height: 1.6;
}

/* Right section */
.forgot-form {
	padding: 45px;
}

.page-title {
	color: #005b91;
	font-weight: 700;
	margin-bottom: 8px;
}

.subtitle {
	color: #6c757d;
	font-size: 14px;
	margin-bottom: 30px;
}

.form-label {
	font-weight: 600;
	color: #174a6a;
}

.input-group-text {
	background: #f1f7fb;
	border-right: none;
	color: #0071ad;
}

.form-control {
	border-left: none;
	height: 46px;
}

.form-control:focus {
	box-shadow: 0 0 0 0.15rem rgba(0, 113, 173, 0.15);
	border-color: #80bdde;
}

.input-group:focus-within .input-group-text {
	border-color: #80bdde;
}

.type-label {
	font-weight: 600;
	color: #174a6a;
}

.form-check-input {
	cursor: pointer;
}

.form-check-label {
	cursor: pointer;
}

.buyer {
	color: #e74c3c;
}

.seller {
	color: #0878e8;
}

.admin {
	color: #198754;
}

.btn-send {
	height: 48px;
	border-radius: 8px;
	background: linear-gradient(90deg, #0072b1, #005b91);
	border: none;
	font-weight: 600;
	color: white;
	transition: all 0.25s ease;
}

.btn-send:hover {
	background: linear-gradient(90deg, #005b91, #00466f);
	transform: translateY(-1px);
	box-shadow: 0 5px 15px rgba(0, 91, 145, 0.25);
	color: white;
}

.back-login {
	color: #006da8;
	text-decoration: none;
	font-size: 14px;
}

.back-login:hover {
	text-decoration: underline;
}

.required {
	color: #dc3545;
}

@media (max-width: 767px) {
	.forgot-image {
		min-height: 250px;
	}

	.forgot-form {
		padding: 30px 25px;
	}

	.lock-icon {
		width: 90px;
		height: 90px;
	}

	.lock-icon i {
		font-size: 48px;
	}
}