.login-container,body{min-height:100vh;position:relative}.login-card:before,body:before{content:"";left:0;position:absolute;right:0;top:0}.logo-text{font-size:1.5rem}.login-card,.login-container,body{position:relative}:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--dark-color:#1f2937;--light-color:#f8fafc;--border-color:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f0f23,#1a1a3a 50%,#2d1b69);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}body:before{animation:gradient-shift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.2) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.2) 0,transparent 50%);bottom:0;pointer-events:none}@keyframes gradient-shift{0%,to{opacity:1}50%{opacity:.8}}.login-container{align-items:center;display:flex;justify-content:center;padding:2rem 1rem;z-index:2}.login-card{animation:slideIn .6s forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 25px 50px #00000026;max-width:900px;opacity:0;overflow:hidden;transform:translateY(30px);width:100%}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.login-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:4px}.login-row{min-height:500px}.login-form-section{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem 2.5rem}.logo-section,.welcome-text{margin-bottom:2rem;text-align:center}.logo-text,.welcome-text h2{color:var(--dark-color);font-weight:700;margin-bottom:.5rem}.logo-subtitle{color:#6b7280;font-size:.9rem}.input-icon,.password-toggle{color:#9ca3af;font-size:1.1rem;top:50%;transform:translateY(-50%);transition:color .3s}.welcome-text h2{font-size:1.75rem}.welcome-text p{color:#6b7280;font-size:.95rem}.input-group-custom{margin-bottom:1.5rem;position:relative}.input-group-custom .form-control{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;height:56px;padding:1rem 3rem;transition:.3s}.input-group-custom .form-control:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:0}.input-group-custom .form-control.is-invalid{border-color:var(--danger-color)}.input-icon{left:1rem;pointer-events:none;position:absolute;z-index:3}.input-group-custom:focus-within .input-icon{color:var(--primary-color)}.password-toggle{background:0 0;border:none;cursor:pointer;padding:.25rem;position:absolute;right:1rem;z-index:4}.btn-login,.login-illustration{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));overflow:hidden;position:relative}.password-toggle:hover{color:var(--primary-color)}.invalid-feedback{color:var(--danger-color);display:block;font-size:.875rem;margin-top:.25rem;width:100%}.remember-forgot{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.form-check{margin:0}.form-check-input{border:2px solid #d1d5db;border-radius:6px;height:1.1rem;width:1.1rem}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-check-label{color:#374151;font-size:.9rem;margin-left:.5rem}.forgot-link{color:var(--primary-color);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.forgot-link:hover,.signup-link a:hover{color:var(--secondary-color)}.btn-login{border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.5rem;padding:1rem;transition:.3s;width:100%}.btn-login:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-login:hover:before{left:100%}.btn-login:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-login:active{transform:translateY(0)}.signup-link{margin-top:1rem;text-align:center}.signup-link p{color:#6b7280;font-size:.9rem;margin:0}.signup-link a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .3s}.login-illustration{align-items:center;display:flex;height:100%;justify-content:center;padding:3rem 2rem}@keyframes float-illustration{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.illustration-content{color:#fff;position:relative;text-align:center;z-index:2}.illustration-icon{font-size:4rem;margin-bottom:2rem;opacity:.9}.illustration-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.illustration-content p{font-size:1.1rem;line-height:1.6;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.1)}.feature-list{list-style:none;margin-top:2rem}.feature-list li{align-items:center;display:flex;font-size:.95rem;margin-bottom:1rem;opacity:.9}.feature-list i{font-size:1.1rem;margin-right:.75rem}@media (max-width:768px){.logo-text{font-size:1.25rem}.login-container{padding:1rem}.login-card{border-radius:20px;margin:0}.login-form-section{padding:2rem 1.5rem}.login-illustration{display:none}.welcome-text h2{font-size:1.5rem}.remember-forgot{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:576px){.login-form-section{padding:1.5rem 1rem}.input-group-custom .form-control{font-size:.9rem;height:50px;padding:.875rem 2.5rem}.input-icon{font-size:1rem;left:.75rem}.password-toggle{font-size:1rem;right:.75rem}}.alert-container{margin-bottom:20px;position:relative;width:100%}.modern-alert{align-items:center;animation:fadeIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:12px;margin-bottom:12px;padding:16px 20px}.modern-alert.alert-success{border-left-color:#28a745}.modern-alert .alert-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.modern-alert.alert-success .alert-icon{background:#d4edda;color:#28a745}.modern-alert .alert-content{flex:1}.modern-alert .alert-title{color:#333;font-size:14px;font-weight:600;margin-bottom:2px}.modern-alert .alert-message{color:#666;font-size:13px;margin:0}.modern-alert .alert-close{align-items:center;background:0 0;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:.2s;width:24px}.modern-alert .alert-close:hover{background:#f0f0f0;color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modern-alert.hiding{animation:fadeOut .3s ease-out forwards}