:root { 
	--primary: #0b67b1; 
	--accent: #ed1c24; 
	--bg-light: #f4f7fa; 
	--text-dark: #2c3e50; 
}
body { 
	font-family: 'Poppins', sans-serif; 
	background: linear-gradient(135deg, var(--bg-light) 0%, #e0e8f0 100%); 
	height: 100vh; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
}
.login-card { 
	background: #fff; 
	border: none; 
	border-radius: 20px; 
	padding: 50px 40px; 
	box-shadow: 0 15px 40px rgba(11, 103, 177, 0.1); 
	width: 100%; 
	max-width: 480px; 
	border-top: 5px solid var(--primary);
}
.form-control { padding: 12px 15px; border-radius: 8px; border: 1px solid #ced4da; background: #f8f9fa; }
.form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 0.25rem rgba(11, 103, 177, 0.15); background: #fff; }
.input-group-text { border: 1px solid #ced4da; background: #f8f9fa; }
.btn-login { 
	background: var(--primary); 
	color: white; 
	padding: 14px; 
	border-radius: 8px; 
	font-weight: 600; 
	width: 100%; 
	transition: 0.3s; 
	border: none; 
}
.btn-login:hover { background: var(--accent); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(237, 28, 36, 0.2); color: white;}
.logo-wrapper svg { height: 50px; width: auto; margin-bottom: 10px; }