/* login.css */

/* General Page Styling */
body {
	background-color: #800000;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Poppins', sans-serif;
}

/* Card Styling */
.login-card {
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.25);
	padding: 40px 35px;
	width: 100%;
	max-width: 400px;
	text-align: center;
	position: relative;
}

/* Logo */
.login-card img {
	width: 80px;
	height: 80px;
	margin-bottom: 15px;
	border: 3px solid #ffb84d;
	border-radius: 50%;
	background-color: #fff;
}

/* Title */
.login-card h4 {
	color: #800000;
	font-weight: 700;
	margin-bottom: 25px;
}

/* Input Fields */
.form-control {
	border-radius: 10px;
	padding: 10px 15px;
	border: 1.5px solid #ddd;
	transition: all 0.3s ease;
}

.form-control:focus {
	border-color: #ffb84d;
	box-shadow: 0 0 0 0.25rem rgba(255, 184, 77, 0.35);
}

/* Login Button */
.btn-login {
	background-color: #ffb84d;
	color: #800000;
	font-weight: 600;
	border-radius: 10px;
	padding: 10px;
	transition: all 0.3s ease;
	border: none;
}

.btn-login:hover {
	background-color: #cc9300;
	color: #fff;
}

/* Footer */
.footer-text {
	margin-top: 20px;
	font-size: 0.9rem;
	color: #555;
}

.footer-text a {
	color: #800000;
	font-weight: 600;
	text-decoration: none;
}

.footer-text a:hover {
	color: #ffb84d;
}