:root {--primary-color: #6c5ce7;--secondary-color: #a29bfe;--dark-color: #2d3436;--light-color: #f5f6fa;}body {font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;background-color: #f8f9fa;display: flex;justify-content: center;align-items: center;min-height: 100vh;}.login-container {width: 100%;max-width: 550px;padding: 2rem;}.login-card {border: none;border-radius: 12px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);overflow: hidden;position: relative;}.login-header {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: white;padding: 1.5rem;text-align: center;position: relative;}.btn-back-header {position: absolute;left: 15px;top: 15px;color: white;background: rgba(255, 255, 255, 0.2);border: none;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}.btn-back-header:hover {background: rgba(255, 255, 255, 0.3);transform: translateX(-2px);}.login-body {padding: 2rem;background-color: white;}.form-control {border-radius: 8px;padding: 0.75rem 1rem;border: 1px solid #e0e0e0;}.form-control:focus {border-color: var(--primary-color);box-shadow: 0 0 0 0.25rem rgba(108, 92, 231, 0.25);}.btn-login {background-color: var(--primary-color);border: none;border-radius: 8px;padding: 0.75rem;font-weight: 600;width: 100%;transition: all 0.3s;}.btn-login:hover {background-color: #5a4dcf;transform: translateY(-1px);}.input-group-text {background-color: white;border-right: none;}.password-toggle {background-color: white;border-left: none;cursor: pointer;}.login-footer a {color: var(--primary-color);text-decoration: none;font-weight: 500;}input::-ms-reveal, input::-ms-clear {display: none;}@media (max-width: 576px) {.login-container {padding: 1rem;}.login-body {padding: 1.5rem;}.btn-back-header {width: 36px;height: 36px;left: 10px;top: 10px;}}