.login-page{opacity:1!important;visibility:visible!important}.form-container{opacity:1;z-index:100;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.login-page{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}.background{z-index:0;background:url(/Img/imagen.jpg) 50%/cover no-repeat;width:100vw;height:100vh;position:fixed;top:0;left:0}.panel{z-index:5;width:50vw;height:100vh;transition:transform 2s ease-in-out;position:fixed;top:0}@media (max-width:768px){.panel{display:none}.form-container{width:90%;max-width:350px}.card{background:#ffffffe6;width:100%}}.negro{background:#000;animation:2s ease-in-out 1s forwards negroMove;left:0}.verde{opacity:1;background:#fff;border-left:3px solid #798645;animation:2s ease-in-out 1s forwards verdeMove;right:0}@keyframes negroMove{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes verdeMove{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100vw)}}.form-container{opacity:1;z-index:100;animation:1.2s forwards formUp;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes formUp{0%{opacity:0;transform:translate(-50%,100px)}to{opacity:1;transform:translate(-50%,-50%)}}.switcher{justify-content:center;gap:20px;margin-bottom:15px;display:flex}.switcher button{cursor:pointer;text-transform:uppercase;background:#fcfbfa;border:2px solid #000;padding:8px 16px;font-weight:700;transition:all .3s}.switcher button.active{color:var(--text);background:#798645}.hidden{display:none}.singup{color:#000;text-transform:uppercase;letter-spacing:2px;margin-top:1em;font-size:x-large;font-weight:700;display:block}.card{background:#e3e3e3cc;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:35px;width:300px;min-height:350px;padding:20px;display:flex}.inputBox,.inputBox1{width:250px;margin-bottom:35px;position:relative}.inputBox input,.inputBox1 input{color:#000;background:0 0;border-top:none;border-bottom:2px solid #000;border-left:2px solid #000;border-right:none;border-bottom-left-radius:8px;outline:none;width:100%;padding:10px;font-size:1em;transition:all .1s}.inputBox span,.inputBox1 span{pointer-events:none;color:#000;text-transform:uppercase;letter-spacing:3px;margin-top:5px;margin-left:10px;padding:10px;font-size:12px;transition:all .5s;position:absolute;left:0;transform:translateY(-4px)}.inputBox input:focus~span,.inputBox input:valid~span{color:var(--text);background:#798645;padding:5px 10px;font-size:.8em;transform:translate(113px)translateY(-15px)}.inputBox1 input:focus~span,.inputBox1 input:valid~span{color:var(--text);background:#798645;padding:5px 10px;font-size:.8em;transform:translate(156px)translateY(-15px)}.inputBox input:focus,.inputBox input:valid,.inputBox1 input:focus,.inputBox1 input:valid{border:2px solid #000;border-radius:8px}.enter{cursor:pointer;text-transform:uppercase;letter-spacing:2px;background-color:#0000;border:2px solid #000;border-radius:5px;width:100px;height:45px;margin-bottom:3em;font-size:10px;transition:all .5s}.enter:hover{color:var(--text);background-color:#798645}.btn-edit{background:var(--btn-edit-bg,transparent);color:var(--edit-btn);border:1px solid #f2edd71f;border-radius:6px;padding:6px 8px}