/* ==========================================================
   LocalHostingUK Authentication
   ========================================================== */

html,
body{
    height:100%;
}

body{
    font-family:"Plus Jakarta Sans",sans-serif;
    background:
        radial-gradient(circle at top left,#eef4ff 0%,transparent 45%),
        radial-gradient(circle at bottom right,#ffeef3 0%,transparent 40%),
        #f7f9fc;
    background-size:140% 140%;
    animation:backgroundMove 25s ease infinite;
    overflow-x:hidden;
}

/* ==========================================================
   Hide Default Layout
   ========================================================== */

body #header,
body .master-breadcrumb,
body footer.footer,
body #footer{
    display:none;
}

/* ==========================================================
   Page
   ========================================================== */

.lhuk-login-page{
    min-height:80vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:30px 20px;
    width:100%;
}

#main-body{
    width:100%;
}

#main-body > .container{
    max-width:100%;
    width:100%;
    padding:0;
}

.primary-content{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
}

.lhuk-auth-wrapper{
    width:100%;
    max-width:520px;
    display:flex;
    flex-direction:column;
    align-items:center;
    transform:translateY(-15px);
}

/* ==========================================================
   Logo
   ========================================================== */

.lhuk-login-logo{
    text-align:center;
    margin-bottom:16px;
    opacity:0;
    animation:logoReveal .9s ease forwards;
}

.lhuk-login-logo img{
    width:220px;
    height:auto;
}

/* ==========================================================
   Card
   ========================================================== */

.lhuk-login-card{
    width:100%;
    background:#fff;
    border-radius:28px;
    padding:45px;
    border:1px solid rgba(1,33,105,.05);
    box-shadow:0 8px 24px rgba(1,33,105,.06),0 30px 80px rgba(1,33,105,.08);
    opacity:0;
    animation:cardReveal .9s cubic-bezier(.22,1,.36,1) .15s forwards;
}

/* ==========================================================
   Heading
   ========================================================== */

.lhuk-login-card h1{
    font-size:36px;
    font-weight:700;
    line-height:1.1;
    color:#012169;
    text-align:center;
    margin-bottom:12px;
}

.login-subtitle{
    text-align:center;
    color:#6D728D;
    font-size:17px;
    line-height:1.6;
    margin-bottom:34px;
}

/* ==========================================================
   Alerts
   ========================================================== */

.alert{
    border-radius:14px;
    margin-bottom:25px;
}

/* ==========================================================
   Form
   ========================================================== */

.form-group{
    margin-bottom:20px;
}

.form-group label{
    display:block;
    font-size:15px;
    font-weight:700;
    color:#012169;
    margin-bottom:8px;
}

/* ==========================================================
   Inputs
   ========================================================== */

.form-control{
    width:100%;
    height:50px;
    border-radius:12px;
    border:1px solid #DCE5F2;
    padding:0 18px;
    font-size:15px;
    background:#fff;
    transition:all .25s ease;
    box-shadow:none;
}

.form-control:hover{
    border-color:#B9C7DF;
}

.form-control:focus{
    outline:none;
    border-color:#012169;
    box-shadow:0 0 0 4px rgba(1,33,105,.08);
}

/* ==========================================================
   Password
   ========================================================== */

.password-wrapper{
    position:relative;
}

.password-toggle{
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background:none;
    color:#6D728D;
    cursor:pointer;
    transition:.2s;
}

.password-toggle:hover{
    color:#012169;
}

/* ==========================================================
   Remember Me
   ========================================================== */

.login-options{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:14px 0;
    font-size:14px;
}

.login-options a{
    color:#012169;
    text-decoration:none;
    font-weight:600;
    transition:.2s;
}

.login-options a:hover{
    color:#C8102E;
}

.remember-me{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}

/* ==========================================================
   Button
   ========================================================== */

.lhuk-login-btn{
    width:100%;
    height:50px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#012169,#C8102E);
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .35s ease;
}

.lhuk-login-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(200,16,46,.22);
}

/* ==========================================================
   Footer
   ========================================================== */

.login-footer{
    margin-top:35px;
    text-align:left;
    color:#6D728D;
    font-size:15px;
}

.login-footer a{
    color:#012169;
    font-weight:700;
    text-decoration:none;
}

.login-footer a:hover{
    color:#C8102E;
}

/* ==========================================================
   Copyright
   ========================================================== */

.lhuk-auth-copyright{
    margin-top:22px;
    font-size:14px;
    color:#6D728D;
    text-align:center;
    opacity:0;
    animation:fadeUp .8s ease .6s forwards;
}

/* ==========================================================
   Animations
   ========================================================== */

@keyframes backgroundMove{
    0%{
        background-position:0% 0%,100% 100%;
    }
    50%{
        background-position:15% 10%,85% 90%;
    }
    100%{
        background-position:0% 0%,100% 100%;
    }
}

@keyframes logoReveal{
    from{
        opacity:0;
        transform:translateY(-25px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes cardReveal{
    from{
        opacity:0;
        transform:translateY(-70px) scale(.97);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ==========================================================
   Register Page
   ========================================================== */

.lhuk-register-page .lhuk-auth-wrapper{
    max-width:860px;
}

.lhuk-register-page .lhuk-login-card{
    max-width:860px;
}

.lhuk-register-page .card-title{
    font-size:36px;
    font-weight:700;
    line-height:1.1;
    color:#012169;
    margin-bottom:12px;
    padding:0;
    border:0;
}

.lhuk-register-page #registration .prepend-icon{
    position:relative;
}

.lhuk-register-page #registration .prepend-icon .field-icon{
    position:absolute;
    top:50%;
    left:18px;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    color:#9AA4B2;
    z-index:5;
    pointer-events:none;
}

.lhuk-register-page #registration .prepend-icon .field-icon i{
    font-size:16px;
    line-height:1;
}

.lhuk-register-page #registration .field,
.lhuk-register-page #registration .form-control,
.lhuk-register-page #registration select.form-control{
    height:50px;
    padding:0 18px 0 52px;
    border:1px solid #DCE5F2;
    border-radius:12px;
    background:#fff;
    font-size:15px;
    box-shadow:none;
    transition:all .25s ease;
    -webkit-appearance:none;
    appearance:none;
}

.lhuk-register-page #registration .field:hover,
.lhuk-register-page #registration .form-control:hover,
.lhuk-register-page #registration select.form-control:hover{
    border-color:#B9C7DF;
}

.lhuk-register-page #registration .field:focus,
.lhuk-register-page #registration .form-control:focus,
.lhuk-register-page #registration select.form-control:focus{
    border-color:#012169;
    box-shadow:0 0 0 4px rgba(1,33,105,.08);
    outline:none;
}

/* ==========================================================
   Phone Number Field
   ========================================================== */

.lhuk-register-page #inputPhone{
    padding-left:95px !important;
}

.lhuk-register-page .btn-primary,
.lhuk-register-page input[type="submit"]{
    width:100%;
    height:50px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#012169,#C8102E);
    color:#fff;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    transition:all .35s ease;
}

.lhuk-register-page .btn-primary:hover,
.lhuk-register-page input[type="submit"]:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(200,16,46,.22);
}

.lhuk-register-page .form-group{
    margin-bottom:20px;
}

.lhuk-register-page .row{
    margin-bottom:10px;
}

.lhuk-register-page .card{
    background:#ffffff;
    border:1px solid #E8EDF5;
    border-radius:18px;
    box-shadow:0 4px 16px rgba(1,33,105,.05);
    margin-bottom:30px;
    overflow:hidden;
}

.lhuk-register-page .card-body{
    padding:35px;
}

.lhuk-register-page .card-title{
    font-size:15px;
    font-weight:700;
    color:#012169;
    margin:0 0 25px;
    padding-bottom:15px;
    border-bottom:1px solid #EEF2F7;
    line-height:1.3;
}

/* ==========================================================
   Password Reset Page
   ========================================================== */

/* ==========================================================
   Password Reset Overrides
   ========================================================== */

.lhuk-password-reset-page .lhuk-login-card{
    padding:48px;
}

.lhuk-password-reset-page .btn-primary{
    margin-top:18px;
}

.lhuk-password-reset-page .login-footer{
    margin-top:35px;
}

/* ==========================================================
   Password Reset Success
   ========================================================== */

.lhuk-password-reset-page .success-text{
    margin:25px 0 10px;
    color:#4B5563;
    font-size:15px;
    line-height:1.8;
    text-align:center;
}

.lhuk-password-reset-page .alert-success{
    margin:30px 0 0;
}

/* ==========================================================
   Password Strength
   ========================================================== */

.lhuk-password-reset-page .password-strength-meter{
    margin-top:10px;
}

.lhuk-password-reset-page #inputNewPassword2Msg{
    margin-top:10px;
    font-size:14px;
}

.lhuk-password-reset-page .using-password-strength .btn{
    display:none;
}

/* ==========================================================
   Responsive - Large Tablets (≤1200px)
   ========================================================== */

@media (max-width:1200px){

    .lhuk-login-page{
        padding:40px 20px;
    }

    .lhuk-auth-wrapper{
        max-width:500px;
    }

    .lhuk-login-logo img{
        width:210px;
    }

    .lhuk-login-card{
        padding:40px;
    }

    .lhuk-login-card h1{
        font-size:34px;
    }

    .login-subtitle{
        font-size:16px;
        margin-bottom:30px;
    }

    .form-control,
    .lhuk-login-btn{
        height:48px;
    }

}

/* ==========================================================
   Responsive - Tablets (≤992px)
   ========================================================== */

@media (max-width:992px){

    .lhuk-login-page{
        padding:35px 20px;
    }

    .lhuk-auth-wrapper{
        max-width:460px;
    }

    .lhuk-login-logo{
        margin-bottom:24px;
    }

    .lhuk-login-logo img{
        width:205px;
    }

    .lhuk-login-card{
        padding:35px;
        border-radius:24px;
    }

    .lhuk-login-card h1{
        font-size:32px;
    }

    .login-subtitle{
        font-size:15px;
        margin-bottom:28px;
    }

    .form-group{
        margin-bottom:18px;
    }

    .form-control,
    .lhuk-login-btn{
        height:46px;
        font-size:14px;
    }

    .login-options{
        font-size:13px;
    }

    .login-footer{
        font-size:14px;
    }

    .lhuk-auth-copyright{
        font-size:13px;
    }

}

/* ==========================================================
   Responsive - Mobile (≤768px)
   ========================================================== */

@media (max-width:768px){

    .lhuk-login-page{
        padding:30px 15px;
    }

    .lhuk-auth-wrapper{
        max-width:100%;
    }

    .lhuk-login-logo{
        margin-bottom:20px;
    }

    .lhuk-login-logo img{
        width:190px;
    }

    .lhuk-login-card{
        padding:30px;
        border-radius:22px;
    }

    .lhuk-login-card h1{
        font-size:30px;
    }

    .login-subtitle{
        font-size:15px;
        margin-bottom:25px;
    }

    .form-group label{
        font-size:14px;
    }

    .form-control,
    .lhuk-login-btn{
        height:46px;
        font-size:14px;
    }

    .login-options{
        flex-direction:row;
        align-items:flex-start;
        gap:12px;
        margin:16px 0;
    }

    .login-footer{
        text-align:left;
        font-size:14px;
        margin-top:30px;
    }

    .lhuk-auth-copyright{
        font-size:13px;
        margin-top:18px;
    }

}

/* ==========================================================
   Responsive - Small Mobile (≤480px)
   ========================================================== */

@media (max-width:480px){

    .lhuk-login-page{
        padding:20px 12px;
    }

    .lhuk-login-logo{
        margin-bottom:18px;
    }

    .lhuk-login-logo img{
        width:175px;
    }

    .lhuk-login-card{
        padding:24px 20px;
        border-radius:18px;
    }

    .lhuk-login-card h1{
        font-size:26px;
        margin-bottom:10px;
    }

    .login-subtitle{
        font-size:14px;
        line-height:1.5;
        margin-bottom:22px;
    }

    .form-group{
        margin-bottom:16px;
    }

    .form-group label{
        font-size:14px;
    }

    .form-control,
    .lhuk-login-btn{
        height:44px;
        font-size:14px;
        margin-bottom:10px;
    }

    .login-options{
        gap:10px;
        font-size:13px;
    }

    .login-footer{
        margin-top:25px;
        font-size:13px;
    }

    .lhuk-auth-copyright{
        margin-top:16px;
        font-size:12px;
    }

     .lhuk-register-page .card-body{
        padding:24px 20px;
    }


}

/* ==========================================================
   LocalHostingUK SaaS Theme
   Colour + Font Overrides
   Matches Hosting / Pricing pages
   ========================================================== */

:root{
    --lhuk-auth-bg:#f8f8fc;
    --lhuk-auth-surface:#ffffff;
    --lhuk-auth-text:#202342;
    --lhuk-auth-text-soft:#70758f;
    --lhuk-auth-border:#d9d9e6;
    --lhuk-auth-border-strong:#c8c8d8;
    --lhuk-auth-purple:#8064ed;
    --lhuk-auth-purple-dark:#6f55dc;
    --lhuk-auth-purple-soft:rgba(128,100,237,.10);
    --lhuk-auth-shadow:0 8px 24px rgba(32,35,66,.05),0 30px 80px rgba(32,35,66,.08);
}

html,
body,
body *{
    font-family:"Plus Jakarta Sans",sans-serif;
}

body{
    background:
        radial-gradient(circle at top left,rgba(128,100,237,.08) 0%,transparent 45%),
        radial-gradient(circle at bottom right,rgba(128,100,237,.06) 0%,transparent 40%),
        var(--lhuk-auth-bg);
}

/* ==========================================================
   Login
   ========================================================== */

.lhuk-login-card{
    background:var(--lhuk-auth-surface);
    border-color:var(--lhuk-auth-border);
    box-shadow:var(--lhuk-auth-shadow);
}

.lhuk-login-card h1{
    color:var(--lhuk-auth-text);
}

.login-subtitle{
    color:var(--lhuk-auth-text-soft);
}

.form-group label{
    color:var(--lhuk-auth-text);
}

.form-control{
    color:var(--lhuk-auth-text);
    background:var(--lhuk-auth-surface);
    border-color:var(--lhuk-auth-border);
}

.form-control:hover{
    border-color:var(--lhuk-auth-border-strong);
}

.form-control:focus{
    border-color:var(--lhuk-auth-purple);
    box-shadow:0 0 0 4px var(--lhuk-auth-purple-soft);
}

.password-toggle{
    color:var(--lhuk-auth-text-soft);
}

.password-toggle:hover{
    color:var(--lhuk-auth-purple);
}

.login-options{
    color:var(--lhuk-auth-text-soft);
}

.login-options a{
    color:var(--lhuk-auth-purple);
}

.login-options a:hover{
    color:var(--lhuk-auth-purple-dark);
}

.lhuk-login-btn{
    background:var(--lhuk-auth-purple);
    color:#ffffff;
}

.lhuk-login-btn:hover{
    background:var(--lhuk-auth-purple-dark);
    box-shadow:0 12px 30px rgba(128,100,237,.22);
}

.login-footer{
    color:var(--lhuk-auth-text-soft);
}

.login-footer a{
    color:var(--lhuk-auth-purple);
}

.login-footer a:hover{
    color:var(--lhuk-auth-purple-dark);
}

.lhuk-auth-copyright{
    color:var(--lhuk-auth-text-soft);
}

/* ==========================================================
   Alerts
   ========================================================== */

.alert{
    border-color:var(--lhuk-auth-border);
}

/* ==========================================================
   Register Page
   ========================================================== */

.lhuk-register-page .card{
    background:var(--lhuk-auth-surface);
    border-color:var(--lhuk-auth-border);
    box-shadow:0 4px 16px rgba(32,35,66,.05);
}

.lhuk-register-page .card-title{
    color:var(--lhuk-auth-text);
    border-color:var(--lhuk-auth-border);
}

.lhuk-register-page #registration .prepend-icon .field-icon{
    color:var(--lhuk-auth-text-soft);
}

.lhuk-register-page #registration .field,
.lhuk-register-page #registration .form-control,
.lhuk-register-page #registration select.form-control{
    color:var(--lhuk-auth-text);
    background:var(--lhuk-auth-surface);
    border-color:var(--lhuk-auth-border);
}

.lhuk-register-page #registration .field:hover,
.lhuk-register-page #registration .form-control:hover,
.lhuk-register-page #registration select.form-control:hover{
    border-color:var(--lhuk-auth-border-strong);
}

.lhuk-register-page #registration .field:focus,
.lhuk-register-page #registration .form-control:focus,
.lhuk-register-page #registration select.form-control:focus{
    border-color:var(--lhuk-auth-purple);
    box-shadow:0 0 0 4px var(--lhuk-auth-purple-soft);
}

.lhuk-register-page .btn-primary,
.lhuk-register-page input[type="submit"]{
    background:var(--lhuk-auth-purple);
    color:#ffffff;
}

.lhuk-register-page .btn-primary:hover,
.lhuk-register-page input[type="submit"]:hover{
    background:var(--lhuk-auth-purple-dark);
    box-shadow:0 12px 30px rgba(128,100,237,.22);
}

/* ==========================================================
   Password Reset
   ========================================================== */

.lhuk-password-reset-page .success-text{
    color:var(--lhuk-auth-text-soft);
}

/* ==========================================================
   Dark Mode
   ========================================================== */

html.dark,
html[data-theme="dark"],
body.dark,
body[data-theme="dark"],
body.dark-mode{
    --lhuk-auth-bg:#141522;
    --lhuk-auth-surface:#202330;
    --lhuk-auth-text:#f3f2fa;
    --lhuk-auth-text-soft:#989caf;
    --lhuk-auth-border:#383b49;
    --lhuk-auth-border-strong:#494c5d;
    --lhuk-auth-purple:#9a7cff;
    --lhuk-auth-purple-dark:#aa91ff;
    --lhuk-auth-purple-soft:rgba(154,124,255,.14);
    --lhuk-auth-shadow:0 10px 30px rgba(0,0,0,.20),0 30px 80px rgba(0,0,0,.25);
}

html.dark body,
html[data-theme="dark"] body,
body.dark,
body[data-theme="dark"],
body.dark-mode{
    background:
        radial-gradient(circle at top left,rgba(154,124,255,.09) 0%,transparent 45%),
        radial-gradient(circle at bottom right,rgba(154,124,255,.06) 0%,transparent 40%),
        var(--lhuk-auth-bg);
}

html.dark .lhuk-login-card,
html[data-theme="dark"] .lhuk-login-card,
body.dark .lhuk-login-card,
body[data-theme="dark"] .lhuk-login-card,
body.dark-mode .lhuk-login-card{
    background:var(--lhuk-auth-surface);
    border-color:var(--lhuk-auth-border);
    box-shadow:var(--lhuk-auth-shadow);
}

html.dark .lhuk-login-card h1,
html[data-theme="dark"] .lhuk-login-card h1,
body.dark .lhuk-login-card h1,
body[data-theme="dark"] .lhuk-login-card h1,
body.dark-mode .lhuk-login-card h1{
    color:var(--lhuk-auth-text);
}

html.dark .login-subtitle,
html[data-theme="dark"] .login-subtitle,
body.dark .login-subtitle,
body[data-theme="dark"] .login-subtitle,
body.dark-mode .login-subtitle{
    color:var(--lhuk-auth-text-soft);
}

html.dark .form-group label,
html[data-theme="dark"] .form-group label,
body.dark .form-group label,
body[data-theme="dark"] .form-group label,
body.dark-mode .form-group label{
    color:var(--lhuk-auth-text);
}

html.dark .form-control,
html[data-theme="dark"] .form-control,
body.dark .form-control,
body[data-theme="dark"] .form-control,
body.dark-mode .form-control{
    color:var(--lhuk-auth-text);
    background:var(--lhuk-auth-surface);
    border-color:var(--lhuk-auth-border);
}

html.dark .form-control:hover,
html[data-theme="dark"] .form-control:hover,
body.dark .form-control:hover,
body[data-theme="dark"] .form-control:hover,
body.dark-mode .form-control:hover{
    border-color:var(--lhuk-auth-border-strong);
}

html.dark .form-control:focus,
html[data-theme="dark"] .form-control:focus,
body.dark .form-control:focus,
body[data-theme="dark"] .form-control:focus,
body.dark-mode .form-control:focus{
    border-color:var(--lhuk-auth-purple);
    box-shadow:0 0 0 4px var(--lhuk-auth-purple-soft);
}

html.dark .password-toggle,
html[data-theme="dark"] .password-toggle,
body.dark .password-toggle,
body[data-theme="dark"] .password-toggle,
body.dark-mode .password-toggle{
    color:var(--lhuk-auth-text-soft);
}

html.dark .password-toggle:hover,
html[data-theme="dark"] .password-toggle:hover,
body.dark .password-toggle:hover,
body[data-theme="dark"] .password-toggle:hover,
body.dark-mode .password-toggle:hover{
    color:var(--lhuk-auth-purple);
}

html.dark .login-options,
html[data-theme="dark"] .login-options,
body.dark .login-options,
body[data-theme="dark"] .login-options,
body.dark-mode .login-options{
    color:var(--lhuk-auth-text-soft);
}

html.dark .login-options a,
html[data-theme="dark"] .login-options a,
body.dark .login-options a,
body[data-theme="dark"] .login-options a,
body.dark-mode .login-options a{
    color:var(--lhuk-auth-purple);
}

html.dark .login-footer,
html[data-theme="dark"] .login-footer,
body.dark .login-footer,
body[data-theme="dark"] .login-footer,
body.dark-mode .login-footer{
    color:var(--lhuk-auth-text-soft);
}

html.dark .login-footer a,
html[data-theme="dark"] .login-footer a,
body.dark .login-footer a,
body[data-theme="dark"] .login-footer a,
body.dark-mode .login-footer a{
    color:var(--lhuk-auth-purple);
}

html.dark .lhuk-auth-copyright,
html[data-theme="dark"] .lhuk-auth-copyright,
body.dark .lhuk-auth-copyright,
body[data-theme="dark"] .lhuk-auth-copyright,
body.dark-mode .lhuk-auth-copyright{
    color:var(--lhuk-auth-text-soft);
}

html.dark .lhuk-register-page .card,
html[data-theme="dark"] .lhuk-register-page .card,
body.dark .lhuk-register-page .card,
body[data-theme="dark"] .lhuk-register-page .card,
body.dark-mode .lhuk-register-page .card{
    background:var(--lhuk-auth-surface);
    border-color:var(--lhuk-auth-border);
}

html.dark .lhuk-register-page .card-title,
html[data-theme="dark"] .lhuk-register-page .card-title,
body.dark .lhuk-register-page .card-title,
body[data-theme="dark"] .lhuk-register-page .card-title,
body.dark-mode .lhuk-register-page .card-title{
    color:var(--lhuk-auth-text);
    border-color:var(--lhuk-auth-border);
}

html.dark .lhuk-register-page #registration .field,
html.dark .lhuk-register-page #registration .form-control,
html.dark .lhuk-register-page #registration select.form-control,
html[data-theme="dark"] .lhuk-register-page #registration .field,
html[data-theme="dark"] .lhuk-register-page #registration .form-control,
html[data-theme="dark"] .lhuk-register-page #registration select.form-control,
body.dark .lhuk-register-page #registration .field,
body.dark .lhuk-register-page #registration .form-control,
body.dark .lhuk-register-page #registration select.form-control,
body[data-theme="dark"] .lhuk-register-page #registration .field,
body[data-theme="dark"] .lhuk-register-page #registration .form-control,
body[data-theme="dark"] .lhuk-register-page #registration select.form-control,
body.dark-mode .lhuk-register-page #registration .field,
body.dark-mode .lhuk-register-page #registration .form-control,
body.dark-mode .lhuk-register-page #registration select.form-control{
    color:var(--lhuk-auth-text);
    background:var(--lhuk-auth-surface);
    border-color:var(--lhuk-auth-border);
}

html.dark .lhuk-register-page .btn-primary,
html.dark .lhuk-register-page input[type="submit"],
html[data-theme="dark"] .lhuk-register-page .btn-primary,
html[data-theme="dark"] .lhuk-register-page input[type="submit"],
body.dark .lhuk-register-page .btn-primary,
body.dark .lhuk-register-page input[type="submit"],
body[data-theme="dark"] .lhuk-register-page .btn-primary,
body[data-theme="dark"] .lhuk-register-page input[type="submit"],
body.dark-mode .lhuk-register-page .btn-primary,
body.dark-mode .lhuk-register-page input[type="submit"]{
    background:var(--lhuk-auth-purple);
}

html.dark .lhuk-register-page .btn-primary:hover,
html.dark .lhuk-register-page input[type="submit"]:hover,
html[data-theme="dark"] .lhuk-register-page .btn-primary:hover,
html[data-theme="dark"] .lhuk-register-page input[type="submit"]:hover,
body.dark .lhuk-register-page .btn-primary:hover,
body.dark .lhuk-register-page input[type="submit"]:hover,
body[data-theme="dark"] .lhuk-register-page .btn-primary:hover,
body[data-theme="dark"] .lhuk-register-page input[type="submit"]:hover,
body.dark-mode .lhuk-register-page .btn-primary:hover,
body.dark-mode .lhuk-register-page input[type="submit"]:hover{
    background:var(--lhuk-auth-purple-dark);
}

.lhuk-login-logo-dark{
    display:block!important;
}

.lhuk-login-logo-light{
    display:none!important;
}

html[data-theme="dark"] .lhuk-login-logo-dark{
    display:none!important;
}

html[data-theme="dark"] .lhuk-login-logo-light{
    display:block!important;
}

/* ==========================================================
   Registration Page Logo
   ========================================================== */

.lhuk-register-page .lhuk-auth-wrapper > a{
    display:block;
    text-align:center;
    margin-bottom:16px;
    line-height:0;
}

.lhuk-register-page .lhuk-auth-wrapper > a img{
    width:220px;
    height:auto;
    display:block;
    margin:0 auto;
}