body.login.lcdap-v1-active{
    min-height:100vh;
    background-color:var(--lcdap-page-bg);
    background-image:
        var(--lcdap-bg-image),
        linear-gradient(135deg,
            var(--lcdap-page-gradient-1) 0%,
            var(--lcdap-page-gradient-2) 35%,
            var(--lcdap-page-gradient-3) 72%,
            var(--lcdap-page-gradient-4) 100%
        );
    background-size:cover,cover;
    background-position:center,center;
    background-repeat:no-repeat,no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:auto;
    font-family:Inter,Arial,sans-serif;
}

.lcdap-login-shell,
.lcdap-login-shell *{
    pointer-events:none!important;
}

.lcdap-login-shell{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1;
}

.lcdap-main-card{
    width:min(1120px,90vw);
    min-height:610px;
    border-radius:38px;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 1fr;
    box-shadow:0 32px 80px rgba(10,20,55,.28);
    background:var(--lcdap-card-bg);
    animation:lcdapCardIn .75s ease both;
}

.lcdap-left-panel{
    position:relative;
    overflow:hidden;
    background-image:
        var(--lcdap-left-bg-image),
        linear-gradient(145deg,var(--lcdap-left-start),var(--lcdap-left-end));
    background-size:cover,cover;
    background-position:center,center;
    background-repeat:no-repeat,no-repeat;
    padding:38px 44px;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.lcdap-brand-row{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding-left:0;
    font-weight:700;
    letter-spacing:.3px;
}

.lcdap-brand-logo{
    display:none!important;
}

.lcdap-side-visual{
    position:absolute;
    z-index:2;
    left:50%;
    top:50%;
    width:min(330px,56%);
    aspect-ratio:1/1;
    transform:translate(-50%,-50%);
    background-image:var(--lcdap-logo-image);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    opacity:.95;
    filter:drop-shadow(0 18px 40px rgba(0,0,0,.08));
    animation:lcdapLogoIn .9s ease both;
}

.lcdap-left-footer{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:20px;
    text-align:center;
    font-size:12px;
    opacity:.9;
}

.lcdap-right-panel{
    position:relative;
    background:var(--lcdap-card-bg);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:58px;
}

.lcdap-form-title,
.lcdap-form-subtitle{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    color:var(--lcdap-text);
    z-index:1;
    width:340px;
}

.lcdap-form-title{
    top:80px;
    font-size:28px;
    font-weight:800;
}

.lcdap-form-subtitle{
    top:116px;
    font-size:14px;
    opacity:.72;
}

body.login.lcdap-v1-active #login{
    position:relative!important;
    z-index:20!important;
    width:100%!important;
    max-width:340px;
    margin:0 auto!important;
    padding:0!important;
    pointer-events:auto!important;
    animation:lcdapFormIn .85s ease both;
}

body.login.lcdap-v1-active #login *{
    pointer-events:auto!important;
}

body.login.lcdap-v1-active #login h1{
    display:none;
}

body.login.lcdap-v1-active #loginform,
body.login.lcdap-v1-active #lostpasswordform,
body.login.lcdap-v1-active #registerform{
    background:color-mix(in srgb, var(--lcdap-form-bg) 88%, transparent);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.32);
    border-radius:24px;
    padding:42px 36px 32px;
    box-shadow:0 18px 50px rgba(45,70,125,.18);
}

body.login.lcdap-v1-active label{
    color:var(--lcdap-text);
    font-size:13px;
    font-weight:700;
}

body.login.lcdap-v1-active input[type=text],
body.login.lcdap-v1-active input[type=password],
body.login.lcdap-v1-active input[type=email]{
    border:0;
    border-bottom:1px solid rgba(80,90,120,.28);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    padding:8px 0;
    color:var(--lcdap-text);
    font-size:15px;
    transition:.2s ease;
}

body.login.lcdap-v1-active input:focus{
    border-color:var(--lcdap-primary);
    box-shadow:0 8px 16px rgba(63,109,246,.08);
    outline:none;
}

body.login.lcdap-v1-active input[type=checkbox]{
    appearance:auto!important;
    -webkit-appearance:checkbox!important;
    width:16px;
    height:16px;
    margin:0 8px 0 0;
    cursor:pointer;
}

body.login.lcdap-v1-active .forgetmenot{
    display:flex;
    align-items:center;
    margin:14px 0 10px;
}

body.login.lcdap-v1-active .forgetmenot label{
    display:flex;
    align-items:center;
    cursor:pointer;
}

.login .button.wp-hide-pw{
    color:var(--lcdap-primary);
}

body.login.lcdap-v1-active .button-primary{
    width:100%;
    min-height:44px;
    border-radius:10px;
    border:0;
    background:var(--lcdap-primary);
    color:var(--lcdap-btn-text);
    font-weight:800;
    box-shadow:0 12px 24px rgba(63,109,246,.25);
    transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
    cursor:pointer;
}

body.login.lcdap-v1-active .button-primary:hover{
    filter:brightness(.98);
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(63,109,246,.34);
}

body.login.lcdap-v1-active .button-primary:active{
    transform:translateY(0);
    box-shadow:0 8px 18px rgba(63,109,246,.25);
}

body.login.lcdap-v1-active #nav,
body.login.lcdap-v1-active #backtoblog{
    text-align:center;
    margin:18px 0 0;
    padding:0;
}

body.login.lcdap-v1-active #nav a,
body.login.lcdap-v1-active #backtoblog a{
    color:var(--lcdap-secondary)!important;
    text-decoration:none;
    font-weight:700;
    transition:.2s ease;
}

body.login.lcdap-v1-active #nav a:hover,
body.login.lcdap-v1-active #backtoblog a:hover{
    filter:brightness(.9);
}

.lcdap-hide-register #nav a[href*="action=register"]{
    display:none;
}

.lcdap-hide-lostpassword #nav a[href*="lostpassword"]{
    display:none;
}

body.login.lcdap-v1-active .message,
body.login.lcdap-v1-active #login_error,
body.login.lcdap-v1-active .success{
    border:0;
    border-radius:16px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    margin-bottom:18px;
}

body.login.lcdap-v1-active:before,
body.login.lcdap-v1-active:after,
.lcdap-left-panel:before,
.lcdap-left-panel:after,
.lcdap-right-panel:before{
    display:none!important;
}

@keyframes lcdapCardIn{
    from{
        opacity:0;
        transform:translateY(22px) scale(.985);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

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

@keyframes lcdapLogoIn{
    from{
        opacity:0;
        transform:translate(-50%,-48%) scale(.94);
    }
    to{
        opacity:.95;
        transform:translate(-50%,-50%) scale(1);
    }
}

@media(max-width:820px){
    body.login.lcdap-v1-active{
        align-items:flex-start;
        padding:18px 0;
        overflow:auto;
    }

    .lcdap-login-shell{
        position:absolute;
        align-items:flex-start;
        padding-top:18px;
    }

    .lcdap-main-card{
        width:92vw;
        min-height:auto;
        grid-template-columns:1fr;
        grid-template-rows:255px auto;
        border-radius:30px;
    }

    .lcdap-left-panel{
        border-radius:30px 30px 0 0;
        padding:26px;
        min-height:255px;
    }

    .lcdap-brand-row{
        justify-content:center;
    }

    .lcdap-side-visual{
        width:132px;
        top:56%;
    }

    .lcdap-left-footer{
        display:none;
    }

    .lcdap-right-panel{
        min-height:430px;
        padding:95px 24px 40px;
    }

    .lcdap-form-title{
        top:36px;
        font-size:24px;
    }

    .lcdap-form-subtitle{
        top:68px;
        width:280px;
    }

    body.login.lcdap-v1-active #login{
        width:min(340px,100%)!important;
        margin:315px auto 40px!important;
    }
}

@media(max-width:420px){
    body.login.lcdap-v1-active #loginform,
    body.login.lcdap-v1-active #lostpasswordform,
    body.login.lcdap-v1-active #registerform{
        padding:34px 24px 28px;
    }

    .lcdap-main-card{
        width:94vw;
    }

    .lcdap-right-panel{
        padding-left:16px;
        padding-right:16px;
    }
}

.lcdap-lang-switcher{
    position:fixed;
    top:22px;
    right:24px;
    z-index:50;
    display:flex;
    gap:8px;
    background:rgba(255,255,255,.18);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    padding:6px;
    box-shadow:0 10px 28px rgba(0,0,0,.12);
}

.lcdap-lang-switcher a{
    pointer-events:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:34px;
    border-radius:999px;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    transition:.2s ease;
}

.lcdap-lang-switcher a:hover,
.lcdap-lang-switcher a.active{
    background:rgba(255,255,255,.95);
    color:#1f2937;
}