/* ==========================
   REGISTER PAGE OVERRIDES
========================== */

/* Allow page to grow */
html,
body{
    min-height:100%;
    overflow-y:auto;
}

/* Allow register page to become taller than viewport */
.login-page{
    min-height:100vh;
    height:auto;
}

/* Align form to top instead of center */
.login-right{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding:40px;
    overflow-y:auto;
}

/* Give breathing space */
.login-right form{
    margin:40px 0;
}

/* Mobile */
@media (max-width:991px){

    .login-page{
        min-height:auto;
    }

    .login-right{
        padding:20px;
        align-items:flex-start;
    }

    .login-right form{
        margin:20px 0 40px;
    }

}
.social-auth-stack{
    display:grid;
    gap:12px;
    margin:18px 0;
}

.social-auth-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.12);
    background:#0d2230;
    color:#fff;
    font-weight:800;
    text-decoration:none;
    transition:.2s ease;
}

.social-auth-btn:hover,
.social-auth-btn.loading{
    background:#123247;
    transform:translateY(-1px);
}

.social-auth-btn.apple{
    background:#101820;
}

.field-notice{
    display:block;
    min-height:18px;
    margin-top:8px;
    color:#8ea2b3;
    font-size:12px;
    font-weight:700;
}

.field-notice.ok{
    color:#21d083;
}

.field-notice.bad{
    color:#ff7b92;
}

.password-checklist{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:10px;
    padding:12px;
    border-radius:12px;
    background:rgba(13,34,48,.72);
    border:1px solid rgba(255,255,255,.08);
}

.password-checklist span{
    display:flex;
    align-items:center;
    gap:7px;
    color:#91a5b5;
    font-size:12px;
    font-weight:800;
    line-height:1.35;
}

.password-checklist span.valid{
    color:#21d083;
}

.password-checklist span.invalid{
    color:#91a5b5;
}

.password-checklist i{
    font-size:11px;
}

.login-btn:disabled{
    opacity:.55;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
}

@media (max-width:560px){
    .password-checklist{
        grid-template-columns:1fr;
    }
}