.login-page-body { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } 
.login-container { background-color: #ffffff; padding: 2.5rem 2rem; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); width: 100%; max-width: 360px; text-align: center; } 
.login-container h2 { margin-top: 0; margin-bottom: 1.5rem; color: #333; font-size: 1.5rem; font-weight: 600; }
.login-container input[type="password"] { width: 100%; padding: 12px; margin-bottom: 1.5rem; border: 1px solid #ced4da; border-radius: 5px; font-size: 1rem; box-sizing: border-box; } 
.login-container input[type="password"]:focus { border-color: #f28135; outline: none; box-shadow: 0 0 0 3px rgba(242, 129, 53, 0.2); } 
.login-container button[type="submit"] { width: 100%; padding: 12px; border: none; border-radius: 5px; background-color: #f28135; color: white; font-size: 1rem; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease; }
.login-container button[type="submit"]:hover { background-color: #d96d20; } 
.login-error { color: #dc3545; margin-top: 1rem; font-size: 0.9rem; font-weight: 500; } 
.btn-back { display: inline-block; padding: 10px 20px; background-color: #f28135; color: white; border: none; border-radius: 4px; font-size: 16px; text-decoration: none; cursor: pointer; transition: background-color 0.2s ease-in-out; } 
.btn-back:hover { background-color: #5a6268; }