:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:rgba(59,130,246,.1);--secondary-color:#6366f1;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--text-color:#1f2937;--text-light:#6b7280;--text-lighter:#9ca3af;--bg-color:#f9fafb;--bg-light:#f3f4f6;--bg-dark:#111827;--white:#fff;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--radius-sm:0.25rem;--radius:0.5rem;--radius-lg:1rem;--transition:all 0.3s ease;--primary-color-rgb:59,130,246;--brand-primary:#2c51b4;--brand-secondary:#4318ff;--brand-accent:#868cff;--brand-primary-light:rgba(44,81,180,.1);--brand-primary-hover:#234291}body,html{bottom:0;height:100%;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:100%}body{background:linear-gradient(135deg,var(--bg-color) 0,var(--bg-light) 100%);font-family:Nunito Sans,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,var(--bg-color) 0,var(--bg-light) 100%);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.login-container,.particles-container{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.particles-container{transition:opacity .8s ease;z-index:1}.login-main{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);height:90%;max-height:700px;max-width:1200px;width:90%;z-index:10}.login-left,.login-main{display:flex;overflow:hidden}.login-left{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--white);flex-direction:column;padding:2rem;position:relative;width:50%}.login-logo-container{margin-bottom:1.5rem}.login-logo{align-items:flex-end;color:#fff;display:flex;margin-bottom:.5rem;padding:.5rem 0;text-decoration:none}.logo-img{filter:brightness(0) invert(1);height:83px;transition:transform .3s ease;width:125px}.logo-text{font-size:1.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.login-logo *,.logo-text{color:#fff!important}.login-illustration{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}.illustration-container{margin-bottom:2rem;position:relative}.illustration-img{display:block;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2));height:auto;margin:0 auto;max-width:60%}.login-slogan{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-features{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}.feature-item{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.15);border-radius:var(--radius-sm);display:flex;font-size:.875rem;padding:.5rem .75rem}.feature-item i{font-size:1.25rem;margin-right:.5rem}.floating-shapes{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.shape{opacity:.15;position:absolute}.shape-circle{animation:float 6s ease-in-out infinite;border-radius:50%;height:100px;right:10%;top:-30px;width:100px}.shape-circle,.shape-square{background-color:var(--white)}.shape-square{animation:float 8s ease-in-out infinite;bottom:20%;height:60px;left:10%;transform:rotate(45deg);width:60px}.shape-triangle{animation:float 7s ease-in-out 1s infinite;border-bottom:86px solid hsla(0,0%,100%,.2);border-left:50px solid transparent;border-right:50px solid transparent;height:0;right:5%;top:40%;width:0}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}.full-screen-gradient{align-items:center!important;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)!important;border-radius:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;padding:0!important;position:fixed!important;top:0!important;transform:none!important;transition:all .5s ease!important;width:100vw!important;z-index:9999!important}.centered-logo{animation:pulse-logo 1.5s ease-in-out infinite!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))!important;height:120px!important;margin:0!important;width:120px!important}@keyframes pulse-logo{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.login-right{align-items:center;background-color:var(--white);display:flex;justify-content:center;padding:2rem;width:50%}.login-form-container{max-width:400px;width:100%}.form-title{color:var(--text-color);font-size:2rem;font-weight:800;margin-bottom:.5rem}.form-subtitle{color:var(--text-light);font-size:1rem;margin-bottom:2rem}.alert-error{align-items:center;background-color:rgba(239,68,68,.1);border-radius:var(--radius-sm);color:var(--danger-color);display:flex;margin-bottom:1.5rem;padding:.75rem 1rem}.alert-error i{font-size:1.25rem;margin-right:.5rem}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-color);font-size:.875rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon i{color:var(--text-lighter);font-size:1.25rem;left:1rem;position:absolute}.input-with-icon input{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;padding:.75rem 3rem .75rem 2.5rem;transition:var(--transition);width:100%}.input-with-icon input:focus{background-color:var(--white);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.toggle-password{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-lighter);cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;padding:1.56rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:var(--transition);width:2.5rem;z-index:2}.toggle-password:before{display:none}.toggle-password:hover{background-color:rgba(var(--primary-color-rgb),.05);color:var(--primary-color)}.form-options{justify-content:flex-start;margin-bottom:.5rem}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:.5rem}.remember-me input[type=checkbox]{accent-color:var(--primary-color);height:1rem;width:1rem}.remember-me label{color:var(--text-light);font-size:.875rem}.forgot-password{color:var(--primary-color);font-size:.875rem;text-decoration:none;transition:var(--transition)}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.login-button{align-items:center;background-color:var(--brand-primary);border:none;border-radius:var(--radius);color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:1rem 0;padding:.75rem 1.5rem;transition:var(--transition)}.login-button:hover{background-color:var(--brand-primary-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.login-button i{font-size:1.25rem;transition:transform .2s ease}.login-button:hover i{transform:translateX(4px)}.security-notice{align-items:center;color:var(--text-lighter);display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.5rem}.security-notice i{color:var(--success-color)}.login-footer{color:var(--text-lighter);font-size:.75rem;margin-top:2.5rem;text-align:center}@media (max-width:992px){.login-main{flex-direction:column;max-width:500px}.login-left,.login-right{width:100%}.login-left{min-height:300px;padding:1.5rem}.login-slogan{font-size:1.5rem}.illustration-img{max-width:40%}.feature-item{font-size:.75rem}}@media (max-width:576px){.login-left{min-height:250px;padding:1rem}.login-features{align-items:center;flex-direction:column;gap:.5rem}.login-right{padding:1.5rem 1rem}.form-title{font-size:1.75rem}.form-subtitle{font-size:.875rem;margin-bottom:1.5rem}.form-options{flex-direction:row}.logo-img{height:56px;width:56px}.logo-text{font-size:1.6rem}}@media (prefers-color-scheme:dark){.login-container,body{background:linear-gradient(135deg,#111827,#1f2937)}.login-right{background-color:#1f2937}.form-title{color:#f9fafb}.form-subtitle{color:#d1d5db}.form-group label{color:#f3f4f6}.input-with-icon input{background-color:#374151;border-color:#4b5563;color:#f9fafb}.input-with-icon input:focus{background-color:#4b5563}.remember-me label{color:#d1d5db}.toggle-password{color:#9ca3af}.toggle-password:hover{background-color:hsla(0,0%,100%,.05);color:#f3f4f6}.toggle-password:before{background-color:#4b5563}.login-footer{color:#9ca3af}}@media (max-height:600px){.login-main{height:95%;margin:0}.login-left,.login-right{padding:1rem}.illustration-img{max-width:35%}.login-slogan{font-size:1.3rem;margin-bottom:1rem}.login-features{margin-top:.5rem}}