:root{--primary:#f80;--primary-dark:#f60;--primary-light:#ffa94d;--dark:#1a1a1a;--dark-light:#2d2d2d;--gray:#6c757d;--gray-light:#e9ecef;--gray-lighter:#f8f9fa;--white:#fff;--danger:#dc3545;--info:#0dcaf0;--success:#198754;--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 20px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--shadow-xl:0 12px 48px rgba(0,0,0,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}.login-wrapper{background:linear-gradient(135deg,#f8f9fa,#fff);min-height:100vh;overflow:hidden;position:relative}.login-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.circle{border-radius:50%;opacity:.08;position:absolute}.circle-1{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,var(--primary),var(--primary-dark));height:400px;right:-100px;top:-200px;width:400px}.circle-2{animation:float 15s ease-in-out infinite reverse;background:linear-gradient(135deg,var(--primary-dark),var(--primary));bottom:-150px;height:300px;left:-100px;width:300px}.circle-3{animation:pulse 10s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-light),var(--primary));height:200px;left:50%;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(10deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.login-card{animation:slideUp .6s ease-out;background:var(--white);border:1px solid rgba(255,136,0,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2.25rem 2rem;position:relative;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:2rem;text-align:center}.logo-container{animation:fadeIn .8s ease-out;margin-bottom:1rem}.logo-img{height:52px;width:auto}.login-title{color:var(--dark);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.login-subtitle{color:var(--gray);font-size:.85rem;margin:0}.login-form{animation:fadeIn .8s ease-out .2s backwards}.form-group{margin-bottom:1.25rem}.form-label{align-items:center;color:var(--dark);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.form-label i{color:var(--primary);font-size:.85rem}.input-wrapper{position:relative}.form-input{background:var(--gray-lighter);border:2px solid transparent;border-radius:var(--radius-md);color:var(--dark);font-size:.95rem;outline:none;padding:.9rem 1.1rem;transition:var(--transition);width:100%}.form-input::placeholder{color:var(--gray);opacity:.6}.form-input:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 4px rgba(255,136,0,.1)}.password-input{padding-right:3rem}.toggle-password{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray);cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:var(--transition);z-index:10}.toggle-password:hover{background:rgba(255,136,0,.1);color:var(--primary)}.toggle-password i{font-size:1rem}.alert-custom{align-items:center;animation:slideDown .4s ease-out;border-radius:var(--radius-md);display:flex;font-size:.85rem;gap:.65rem;margin-bottom:1.25rem;padding:.85rem 1.1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-danger{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.2);color:var(--danger)}.alert-info{background:rgba(13,202,240,.1);border:1px solid rgba(13,202,240,.2);color:var(--info)}.alert-custom i{font-size:1.1rem}.alert-link{color:inherit;font-weight:600;text-decoration:underline}.alert-link:hover{opacity:.8}.forgot-password{margin-bottom:1.5rem;text-align:right}.forgot-link{align-items:center;color:var(--primary);display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;text-decoration:none;transition:var(--transition)}.forgot-link:hover{color:var(--primary-dark);gap:.75rem}.forgot-link i{font-size:.75rem}.btn-login{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(255,136,0,.3);color:var(--white);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.65rem;justify-content:center;overflow:hidden;padding:.95rem 1.75rem;position:relative;transition:var(--transition);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 ease;width:100%}.btn-login:hover{box-shadow:0 6px 24px rgba(255,136,0,.4);transform:translateY(-2px)}.btn-login:hover:before{left:100%}.btn-login:active{transform:translateY(0)}.btn-icon{align-items:center;display:flex;font-size:.95rem;transition:var(--transition)}.btn-login:hover .btn-icon{transform:translateX(4px)}.login-footer{border-top:1px solid var(--gray-light);margin-top:1.5rem;padding-top:1.25rem;text-align:center}.footer-text{align-items:center;color:var(--gray);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;margin:0}.legal-notice{background:var(--gray-lighter);border:1px solid var(--gray-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--gray);margin-top:1.2rem;padding:1rem 1.25rem}.legal-title{color:var(--dark);font-size:.95rem;font-weight:700;margin-bottom:.75rem}.legal-text{font-size:.8rem;line-height:1.5;margin:0}.footer-text i{color:var(--success)}@media(max-width:767.98px){.login-card{padding:1.75rem 1.35rem}.login-title{font-size:1.35rem}.logo-img{height:44px}.circle-1{height:300px;right:-80px;top:-150px;width:300px}.circle-2{bottom:-125px;height:250px;left:-80px;width:250px}.circle-3{height:150px;width:150px}}@media(max-width:575.98px){.login-card{padding:1.75rem 1.25rem}.login-header{margin-bottom:2rem}.login-title{font-size:1.2rem}.login-subtitle{font-size:.8rem}.form-input{font-size:.9rem;padding:.8rem .95rem}.btn-login{font-size:.9rem;padding:.85rem 1.25rem}}@media(max-height:900px){.login-wrapper{overflow-x:hidden;overflow-y:auto;padding:1.5rem 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}