.login-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 60px;
}

.login-header {
	text-align: center;
	margin-bottom: 30px;
}

.login-header h1 {
	margin: 0;
	color: var(--primary-green);
}

.subtitle {
	margin: 0;
	font-size: 14px;
	color: #3a7d63;
}

.login-card {
	width: 380px;
	background-color: #ffffff;
	border-radius: 16px;
	padding: 32px;
	border: 1px solid #cce8dc;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.login-card h2 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #1f4033;
}

.description {
	margin-bottom: 20px;
	font-size: 14px;
	color: #4f6f63;
}

.login-card label {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: #1f4033;
}

.login-card input[type="email"], .login-card input[type="password"] {
	width: 100%;
	padding: 14px;
	border-radius: 8px;
	border: 1px solid #6fcf97;
	margin-bottom: 14px;
}

.remember {
	display: flex;
	align-items: center;
	gap: 6px;
}

.login-options {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	margin-bottom: 20px;
}

.login-options a {
	color: var(--primary-green);
	text-decoration: none;
}

.login-card button {
	width: 100%;
	padding: 14px;
	background-color: var(--primary-green);
	color: white;
	border: none;
	border-radius: 10px;
	font-size: 15px;
	cursor: pointer;
}

.login-card button:hover {
	background-color: var(--primary-green-dark);
}

.register {
	margin-top: 16px;
	text-align: center;
	font-size: 13px;
}

.register a {
	color: var(--primary-green);
	text-decoration: none;
}

.logout-btn {
	display: block;
	text-align: center;
	margin-top: 25px;
	padding: 12px;
	background-color: #c62828;
	color: white;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 600;
	transition: background-color 0.3s;
}

.logout-btn:hover {
	background-color: #b71c1c;
}

footer {
	margin-top: 40px;
	font-size: 12px;
	color: #4f6f63;
}

.login-card input[type="text"],
.login-card select{
width:100%;
padding:14px;
border-radius:8px;
border:1px solid #6fcf97;
margin-bottom:14px;
}

.google-login{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:12px;
border:1px solid #ddd;
border-radius:8px;
text-decoration:none;
color:#444;
font-weight:500;
margin-top:10px;
}