.container{background-color:#fff;padding:20px 40px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100%;max-width:400px;text-align:center;overflow:auto;margin:20px auto}label{display:block;color:var(--text);margin-bottom:5px;font-weight:700}.oauth-logo{width:24px;height:24px;margin-right:15px;vertical-align:middle}.form-group{margin-bottom:15px;text-align:left}select{width:100%;padding:15px;height:50px;border:1px solid var(--border);border-radius:10px;box-sizing:border-box;font-family:'Open Sans',sans-serif;appearance:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M7 10l5 5 5-5z"/></svg>') right 10px center/12px no-repeat;cursor:pointer}select:focus{border-color:var(--main);outline:0;box-shadow:0 0 5px rgba(106,13,173,.5)}small.requirements{display:block;color:#666;font-size:12px;margin-top:5px}.oauth-btn{width:100%;padding:15px 15px 15px 40px;height:50px;margin:10px 0;background-color:var(--white);color:#000;border:1px solid var(--main);border-radius:10px;font-size:14px;cursor:pointer;transition:background-color .3s,color .3s;display:flex;align-items:center;text-align:left}.oauth-btn:hover{background-color:var(--main);color:#fff}.register-link{font-style:italic;color:#666;margin-top:10px;display:inline}.register-link a{color:var(--main);font-weight:700}.terms{text-align:center;font-size:12px;color:#666;margin-top:10px}.oauth-section{margin-top:20px}.separator{display:flex;align-items:center;text-align:center;margin:20px 0}.separator::after,.separator::before{content:'';flex:1;border-bottom:1px solid var(--border)}.separator span{margin:0 10px;color:var(--muted);font-size:14px}.password-wrapper{position:relative;display:flex;flex-direction:column}.toggle-password{position:absolute;top:35px;right:15px;width:20px;height:20px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23666666" d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>') center/20px no-repeat;cursor:pointer}.toggle-password.show{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23666666" d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-4 .7l2.17 2.17C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>') center/20px no-repeat}.requirements{display:block;color:#666;font-size:12px;margin-top:5px}.requirements span{transition:color .3s}.requirements .met{color:#4caf50;font-weight:700}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:20px 15px 10px;height:50px;border:1px solid var(--border);border-radius:10px;box-sizing:border-box;font-family:'Open Sans',sans-serif;font-size:16px;transition:border-color .3s,box-shadow .3s}.input-wrapper label{position:absolute;top:17px;left:15px;color:#666;font-size:16px;font-weight:400;pointer-events:none;transition:.2s;background:var(--white);padding:0 5px}.input-wrapper input.filled+label,.input-wrapper input:focus+label{top:-8px;font-size:12px;color:var(--main)}.input-wrapper input:focus{border-color:var(--main);outline:0;box-shadow:0 0 5px rgba(106,13,173,.5)}.password-wrapper .toggle-password{top:15px;right:15px}.input-wrapper input.errored{border-color:var(--error);box-shadow:0 0 5px rgba(211,47,47,.5)}.input-wrapper input.errored+label{color:var(--error)}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-clear-button,input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-inner-spin-button,input[type=password]::-webkit-outer-spin-button{display:none}input[type=password]{appearance:none;-webkit-appearance:none;-moz-appearance:none}#nombre-wrapper{display:none;max-height:0;transition:opacity .3s,max-height .3s;margin-bottom:0}#nombre-wrapper.visible{display:block;max-height:80px;margin-bottom:15px}#origen-wrapper{opacity:0;max-height:0;overflow:hidden;transition:opacity .3s,max-height .3s;margin-bottom:0}#origen-wrapper.visible{opacity:1;max-height:100px;margin-bottom:10px}.code-inputs{display:flex;gap:8px;justify-content:center;margin-top:10px}.code-inputs input{width:40px;height:55px;text-align:center;font-size:16px;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;font-family:'Open Sans',sans-serif}.code-inputs input:focus{border-color:var(--main);outline:0;box-shadow:0 0 5px rgba(106,13,173,.5)}.code-inputs input.errored{border-color:var(--error);box-shadow:0 0 5px rgba(211,47,47,.5)}.validation{display:block;color:var(--error);font-size:12px;margin-top:5px}.error{color:var(--error);text-align:center;margin-bottom:15px;font-size:14px;font-weight:700}input.errored,select.errored{border-color:var(--error);box-shadow:0 0 5px rgba(211,47,47,.5);display:block}.forgot-password{text-align:right;margin-top:10px;font-size:14px}.back-to-login{text-align:center;margin-top:20px;font-size:14px}.success{background-color:#d4edda;color:#155724;padding:10px;border-radius:12px;margin:20px}@media (max-width:800px){.container{padding:15px;max-width:100%;box-shadow:none;border-radius:0;height:100vh;margin:5px auto}.oauth-btn,button,input{height:45px;padding:10px;font-size:16px}}