.login-container{background:var(--color-background);height:100vh;color:var(--color-text);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.login-form{box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:360px;padding:2rem;display:flex;box-shadow:0 4px 12px #0000001a}#tittle-login,#forgot-password-tittle{text-align:center;width:100%}.login-form input{border:1px solid #ccc;border-radius:6px;margin-bottom:1rem;padding:.75rem;font-size:1rem}.password-wrapper{align-items:center;margin-bottom:1rem;display:flex;position:relative}.password-wrapper input{width:100%;margin-bottom:0;padding-right:56px}.show-password-btn{cursor:pointer;color:#333;white-space:nowrap;z-index:2;background:#f3f4f6;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:background .15s,border-color .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.show-password-btn:hover{background:#e5e7eb;border-color:#bbb}.submit-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem;font-weight:700;transition:background .3s}.submit-btn:hover{background:#15803d}.error{color:var(--color-danger);margin-top:1rem;font-weight:500}
@media (max-width:768px){.login-container{padding:1.5rem}.login-form{max-width:320px;padding:1.5rem}.login-form input,.login-form button{padding:.7rem;font-size:.95rem}.show-password-btn{padding:3px 6px;font-size:.72rem}}@media (max-width:480px){.login-container{justify-content:flex-start;padding-top:4rem}.login-form{width:100%;max-width:100%;box-shadow:none;border-radius:8px;padding:1.2rem}.login-form input,.login-form button{padding:.65rem;font-size:.9rem}.show-password-btn,#login-shadow-mobile{padding:3px 6px;font-size:.7rem}.error{text-align:center;font-size:.9rem}}