.loginwin{
    background: #1801397f;
    border: 1px solid #de00fb6e;
    padding:15px;
    border-radius:5px;
}
.contenido-principal {
border:none;
}
.login-container{
    display:flex;
    flex-direction:column;
    gap:10px;
    justify-content: flex-start;
    align-items:center;
}
.login-container h1{
    color:white;
    text-shadow:0px 0px 10px rgba(0, 229, 255, 1),0px 0px 20px rgba(0, 229, 255, 0.8),0px 0px 45px rgba(0, 229, 255, 0.5);
}
.login-form, .activation-form{
    display:flex;
    flex-direction:column;
    gap:15px;
    justify-content: flex-start;
    align-items:center;
    width:100%;
}
.form-error{
    color:white;
    text-shadow:0px 0px 10px rgb(255, 0, 187),0px 0px 20px rgba(255, 0, 81, 0.8),0px 0px 45px rgba(255, 0, 68, 0.5);
    font-size:10px;
    text-align:center;
    margin-bottom:15px;
}

.form-success{
    color:white;
    text-shadow:0px 0px 10px rgb(4, 255, 0),0px 0px 20px rgba(0, 255, 55, 0.8),0px 0px 45px rgba(0, 255, 26, 0.5);
    font-size:10px;
    text-align:center;
    margin-bottom:15px;
}
#login, #telefono, #username, #nombre, #apodo{
    background:transparent;
    padding:8px;
    border: 1px solid #c1fffe;
    border-radius:5px;
    box-shadow:rgba(13, 255, 251,.3) inset 0 0 10px, rgba(13, 255, 251,.3) 0 0 10px;
    width:100%;
    text-align:center;
    font-size: 16px;
    color: #c1fffe;
    transition:1s all ease;
}

#login::placeholder, #telefono::placeholder, #username::placeholder, #nombre::placeholder, #apodo::placeholder{
    color:#5dbebdcc;
}

#login::selection, #telefono::selection, #username::selection, #nombre::selection, #apodo::selection{
    box-shadow:#0dfffb inset 0 0 20px, #0dfffb 0 0 20px;
}

#login:focus, #telefono:focus, #username:focus, #nombre:focus, #apodo:focus{
    outline:none;
    box-shadow:#0dfffb inset 0 0 20px, #0dfffb 0 0 20px;
}

#password,#password_confirm{
    background:transparent;
    padding:8px;
    border: 1px solid #edc1ff;
    border-radius:5px;
    box-shadow:rgba(255, 13, 255, 0.3) inset 0 0 10px, rgba(227, 13, 255, 0.3) 0 0 10px;
    width:100%;
    text-align:center;
    font-size: 16px;
    color: #edc1ff;
    transition:1s all ease;
}

#password::placeholder,#password_confirm::placeholder{
    color:#a75dbecc;
}

#password::selection,#password_confirm::selection{
    box-shadow:rgba(255, 13, 255, 1) inset 0 0 20px, rgba(227, 13, 255, 1) 0 0 20px;
}

#password:focus,#password_confirm:focus{
    outline:none;
    box-shadow:rgba(255, 13, 255, 1) inset 0 0 20px, rgba(227, 13, 255, 1) 0 0 20px;
}

.reminder-neon{
    color:#FFF;
    text-shadow:0px 0px 10px rgba(0, 229, 255, 1),0px 0px 20px rgba(0, 229, 255, 0.8),0px 0px 45px rgba(0, 229, 255, 0.5);
    font-size:14px;
    text-align:center;
    margin-bottom:15px;
}

.hidden{
    display:none !important;
}