*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Poppins',sans-serif;background:#09203C;color:white;overflow:auto}
.login-container{position:relative;width:min(440px,94vw);min-height:500px;padding:24px 35px 35px;background:white;color:white;text-align:center;border-radius:28px;box-shadow:0 0 30px rgba(255,255,255,.5);overflow:visible}
.login-logo{width:190px;height:145px;margin:0 auto 8px;background:white;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}
.login-logo img{display:block;width:100%;height:100%;object-fit:contain}
h1{margin:8px 0 25px;font-size:36px;font-weight:bold;letter-spacing:1px;color:#F24603}
label{display:block;margin:0 0 4px;font-size:18px;font-weight:bold}.field{margin-bottom:4px;color: #09203C}
input[type=text],input[type=password]{display:block;width:250px;margin:0 auto 4px;padding:11px;background:none;color: #09203C;text-align:center;font-family:'Poppins',sans-serif;font-size:16px;outline:none;border:2px solid #09203C;border-radius:20px;transition:.4s}
input[type=text]:focus,input[type=password]:focus{width:300px;border-color:#F24603}input::placeholder{color:#F24603}
.show-password{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;margin-bottom:10px;font-size:16px;cursor:pointer;user-select:none;color:#09203C}.show-password input{width:auto;margin:0;transform:scale(1.3);cursor:pointer;accent-color:#2196f3}
button[type=submit]{display:block;width:170px;margin:15px auto 0;padding:12px;background:none;color:#F24603;border:2px solid #09203C;border-radius:20px;font-family:'Poppins',sans-serif;font-size:16px;cursor:pointer;transition:1s}
button[type=submit]:hover,button[type=submit]:focus{background:#F24603;color:black;box-shadow:0 0 15px rgba(255,255,255,.8);outline:none;border:2px solid #F24603}button[type=submit]:disabled{opacity:.6;cursor:wait}
#mensaje{min-height:22px;margin-top:14px;color:#09203C;font-size:14px}#mensaje.success{color:#F24603}
@media(max-width:480px){body{padding:14px}.login-container{width:94vw;min-height:500px;padding:20px 15px 30px;border-radius:24px}.login-logo{width:180px;height:135px;margin-bottom:8px}h1{font-size:32px;margin-bottom:23px}input[type=text],input[type=password]{width:230px}input[type=text]:focus,input[type=password]:focus{width:min(290px,78vw)}}