*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.login-container{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-img-fondo-login img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.login-container::before{display:none}.login-card{background:0 0;padding:2.5rem 3.5rem;border-radius:16px;width:100%;max-width:550px;text-align:center;color:#fff;animation:fadeIn 1s ease-in-out;border:1px solid #a7a7a7}.login-card h2{margin-bottom:.5rem;font-size:3rem;font-weight:700;color:#fff}.login-card .welcome-text{font-size:1.2rem;color:#fdfcfc;font-weight:700;margin-bottom:1.8rem}.form-group{margin-bottom:1.4rem;text-align:left}.form-group input{width:100%;padding:.9rem 1rem;border-radius:10px;border:1px solid #00c897;outline:0;background:0 0;color:#fff;font-size:1rem}.form-group input::placeholder{color:#fff}.form-group input:focus{background:rgba(95,95,95,.25);border:1px solid #00c897}button{width:100%;padding:.9rem 1rem;border:none;border-radius:30px;background:linear-gradient(135deg,#00c897,#007965);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,background .3s}button:hover{background:linear-gradient(135deg,#00e0ac,#009976)}.extra-link{margin-top:1.2rem;font-size:.95rem}.extra-link a{color:#00e0ac;text-decoration:none;font-weight:500}.extra-link a:hover{text-decoration:underline}.error{margin-top:1rem;color:#ff6b6b;font-weight:700;font-size:.95rem}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.login-card{max-width:400px;padding:2rem 2.5rem}.login-card h2{font-size:2.4rem}.login-card .welcome-text{font-size:1.1rem}}@media (max-width:767px){.login-container{align-items:flex-start;padding-top:2rem}.hero-img-fondo-login img{height:100vh}.login-card{max-width:90%;padding:2rem 1.5rem;border-radius:12px;margin-top:auto;margin-bottom:auto}.login-card h2{font-size:2rem}.login-card .welcome-text{font-size:1rem}button{font-size:1rem}}@media (max-width:479px){.login-container{padding-top:1.5rem}.login-card{max-width:95%;padding:1.5rem 1rem}.login-card h2{font-size:1.6rem}.login-card .welcome-text{font-size:.95rem}.form-group input{padding:.75rem .9rem;font-size:.95rem}button{font-size:.95rem;padding:.8rem}}.hamburger{background:0 0;border:none;color:#1f2937;font-size:24px;cursor:pointer;display:none}@media (max-width:768px){.hamburger{display:block;margin-right:10px}.topbar{justify-content:flex-start;gap:10px}}.sidebar-nav ul li a.active{background-color:#10b981;color:#fff;font-weight:600}