:root {--brand-blue: #1f6db2;--brand-orange: #6db82f;--text-dark: #1e293b;--text-muted: #64748b;}* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Inter', sans-serif;background: #001e36;height: 100vh;display: flex;align-items: center;justify-content: center;overflow: hidden;color: var(--text-dark);position: relative;}.mesh-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-color: #001e36;background-image:radial-gradient(at 0% 0%, rgba(0, 96, 172, 0.4) 0, transparent 50%),radial-gradient(at 50% 0%, rgba(232, 78, 35, 0.2) 0, transparent 50%),radial-gradient(at 100% 0%, rgba(0, 96, 172, 0.4) 0, transparent 50%),radial-gradient(at 0% 100%, rgba(232, 78, 35, 0.2) 0, transparent 50%),radial-gradient(at 100% 100%, rgba(0, 96, 172, 0.4) 0, transparent 50%),radial-gradient(at 50% 50%, rgba(0, 30, 54, 0.5) 0, transparent 50%);animation: meshAnimation 15s ease infinite alternate;background-size: 200% 200%;}@keyframes meshAnimation {0% {background-position: 0% 0%;}50% {background-position: 100% 100%;}100% {background-position: 0% 100%;}}.login-container {width: 100%;max-width: 450px;padding: 20px;animation: fadeIn 0.8s ease-out;}@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.login-card {background: rgba(255, 255, 255, 0.75);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-radius: 28px;padding: 45px;box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.6);border: 1px solid rgba(255, 255, 255, 0.3);transition: transform 0.3s ease;isolation: isolate;}.login-card:hover {transform: translateY(-5px);}.login-header {text-align: center;margin-bottom: 35px;}.login-logo {height: 60px !important;max-width: 100% !important;margin-bottom: 20px !important;mix-blend-mode: multiply !important;filter: contrast(1.05) !important;display: block;margin-left: auto;margin-right: auto;}.login-header h1 {font-size: 1.5rem;font-weight: 700;color: var(--text-dark);margin-bottom: 8px;}.login-header p {color: var(--text-muted);font-size: 0.9rem;}.form-group {margin-bottom: 20px;position: relative;}.form-group label {display: block;font-size: 0.85rem;font-weight: 600;color: var(--text-muted);margin-bottom: 8px;margin-left: 4px;}.input-wrapper {position: relative;}.input-wrapper i {position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: var(--text-muted);font-size: 1rem;transition: color 0.3s;}.form-control {width: 100%;padding: 14px 16px 14px 45px;background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 12px;font-size: 0.95rem;font-family: inherit;transition: all 0.3s;outline: none;}.form-control:focus {border-color: var(--brand-blue);background: white;box-shadow: 0 0 0 4px rgba(0, 96, 172, 0.1);}.form-control:focus+i {color: var(--brand-blue);}.login-options {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;font-size: 0.85rem;}.remember-me {display: flex;align-items: center;gap: 8px;color: var(--text-muted);cursor: pointer;}.forgot-password {color: var(--brand-blue);text-decoration: none;font-weight: 600;}.forgot-password:hover {text-decoration: underline;}.btn-login {width: 100%;padding: 14px;background: linear-gradient(135deg, var(--brand-orange) 0%, #5ea228 100%);color: white;border: none;border-radius: 12px;font-size: 1rem;font-weight: 700;cursor: pointer;transition: all 0.3s;display: flex;align-items: center;justify-content: center;gap: 10px;}.btn-login:hover {background: linear-gradient(135deg, #78c239 0%, #6db82f 100%);transform: translateY(-2px);box-shadow: 0 10px 20px rgba(109, 184, 47, 0.4);}.btn-login:active {transform: translateY(0);}.btn-black, .btn-primary, .btn-success {background: linear-gradient(135deg, var(--brand-orange) 0%, #5ea228 100%) !important;color: white !important;border: none !important;box-shadow: 0 4px 15px rgba(109, 184, 47, 0.3) !important;transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;}.btn-black:hover, .btn-primary:hover, .btn-success:hover {background: linear-gradient(135deg, #78c239 0%, #6db82f 100%) !important;transform: translateY(-2px);box-shadow: 0 8px 25px rgba(109, 184, 47, 0.4) !important;}.alert {padding: 12px 16px;border-radius: 12px;margin-bottom: 25px;font-size: 0.88rem;display: flex;align-items: center;gap: 10px;}.alert-danger {background: #fee2e2;color: #991b1b;border: 1px solid #fecaca;}.login-footer {text-align: center;margin-top: 30px;color: rgba(255, 255, 255, 0.6);font-size: 0.8rem;}.login-footer a {color: white;text-decoration: none;font-weight: 600;}