*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

body{

    background:#0d0d0d;

    font-family:Segoe UI,sans-serif;

}

.termino-login{

    display:flex;

    width:100vw;
    height:100vh;

}

.login-left{

    width:45%;

    background:#000;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    padding:80px;

}

.login-logo{

    width:220px;

    margin-bottom:35px;

}

.login-left h1{

    font-size:58px;

    letter-spacing:8px;

}

.login-left h2{

    color:#d4af37;

    letter-spacing:6px;

    margin-bottom:30px;

}

.login-left p{

    font-size:19px;

    color:#bcbcbc;

    text-align:center;

    line-height:1.8;

}

.login-right{

    flex:1;

    background:#16181d;

    display:flex;

    justify-content:center;

    align-items:center;

}

#termino-login-form{

    width:430px;

}

#termino-login-form h3{

    color:#fff;

    font-size:42px;

    margin-bottom:10px;

}

#termino-login-form p{

    color:#8d99a8;

    margin-bottom:35px;

}

#termino-login-form input:not([type="checkbox"]){

    width:100%;

    height:58px;

    margin-bottom:18px;

    border:none;

    border-radius:14px;

    background:#24272e;

    color:#fff;

    padding:0 20px;

    font-size:16px;

}

#termino-login-form input:not([type="checkbox"]):focus{

    outline:none;

    border:2px solid #2563eb;

}

#termino-login-form button{

    width:100%;

    height:58px;

    border:none;

    border-radius:14px;

    cursor:pointer;

    font-size:17px;

    font-weight:700;

    color:#fff;

    background:linear-gradient(135deg,#3b82f6,#2563eb);

    transition:.25s;

}

#termino-login-form button:hover{

    transform:translateY(-2px);

}
.login-options{
    display:flex;
    justify-content:flex-start;
    margin:18px 0;
}

.remember-label{
    display:flex;
    align-items:center;
    gap:10px;
    color:#b8b8b8;
    font-size:15px;
    cursor:pointer;
    user-select:none;
}

.remember-label input[type="checkbox"]{
    width:16px;
    height:16px;
    min-width:16px;
    min-height:16px;
    margin:0;
    accent-color:#3b82f6;
    cursor:pointer;
}

.login-error{
    color:#ff5d5d;
    margin-bottom:15px;
    min-height:20px;
}
html,
body{

    width:100%;
    height:100%;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden;

}

.site,
.site-main,
.page-content,
.entry-content{

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

}

.termino-login{

    position:fixed;

    inset:0;

    width:100vw;
    height:100vh;

}
.spinner{

    width:16px;
    height:16px;

    border:2px solid rgba(255,255,255,.35);
    border-top:2px solid #fff;

    border-radius:50%;

    display:inline-block;

    margin-right:10px;

    vertical-align:middle;

    animation:spin .8s linear infinite;

}

@keyframes spin{

    to{

        transform:rotate(360deg);

    }

}
.logout-btn{

    display:flex;
    align-items:center;
    gap:10px;

    width:100%;

    padding:12px 16px;

    color:#fff;

    text-decoration:none;

    cursor:pointer;

}