/* ==========================================================
   LIVANDA — LOGIN / REGISTRATION
========================================================== */


body.woocommerce-account:not(.logged-in){
    background:#070616;
}


/* Убираем старое белое оформление страницы */

body.woocommerce-account:not(.logged-in) #page,
body.woocommerce-account:not(.logged-in) #main,
body.woocommerce-account:not(.logged-in) #main-content,
body.woocommerce-account:not(.logged-in) .main-content,
body.woocommerce-account:not(.logged-in) .block-content,
body.woocommerce-account:not(.logged-in) .container-fullwidth,
body.woocommerce-account:not(.logged-in) .panel,
body.woocommerce-account:not(.logged-in) .panel-center,
body.woocommerce-account:not(.logged-in) article,
body.woocommerce-account:not(.logged-in) .entry-content,
body.woocommerce-account:not(.logged-in) .woocommerce{
    background:transparent;
}


body.woocommerce-account:not(.logged-in) .block-content{
    padding:0;
}


body.woocommerce-account:not(.logged-in) .container-fullwidth,
body.woocommerce-account:not(.logged-in) .panel-center{
    width:100%;
    max-width:none;
    padding:0;
    margin:0;
}


body.woocommerce-account:not(.logged-in) .panel{
    margin:0;
}


body.woocommerce-account:not(.logged-in) article,
body.woocommerce-account:not(.logged-in) .entry-content{
    margin:0;
    padding:0;
}



/* ==========================================================
   MAIN
========================================================== */

.livanda-auth-page{
        position:relative;
    --lv-bg:#070616;
    --lv-bg-soft:#0d0b23;

    --lv-card:rgba(21,18,48,.78);
    --lv-card-strong:rgba(27,23,61,.92);

    --lv-border:rgba(201,183,255,.18);
    --lv-border-hover:rgba(201,183,255,.42);

    --lv-text:#ffffff;
    --lv-text-soft:#aaa6c1;
    --lv-text-muted:#77738f;

    --lv-purple:#8b68ff;
    --lv-lavender:#bd97ff;
    --lv-lavender-light:#d5c0ff;

    width:100%;
    min-height:100vh;

    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(520px,.92fr);

    font-family:"Montserrat",sans-serif;

    background:
        radial-gradient(
            circle at 76% 44%,
            rgba(121,81,255,.16),
            transparent 36%
        ),
        #070616;

    color:var(--lv-text);

    overflow:hidden;
}



/* ==========================================================
   LEFT VISUAL
========================================================== */

.livanda-auth-visual{
    position:relative;

    min-height:100vh;

    padding:56px 64px;

    display:flex;
    flex-direction:column;

    overflow:hidden;

    background-image:
        linear-gradient(
            90deg,
            rgba(5,4,18,.20) 0%,
            rgba(5,4,18,.28) 45%,
            rgba(5,4,18,.78) 100%
        ),
        linear-gradient(
            0deg,
            rgba(6,5,20,.76) 0%,
            rgba(6,5,20,.04) 60%
        ),
        url("/wp-content/uploads/2026/09/vhod.webp");

    background-size:cover;
    background-position:center center;
}


.livanda-auth-visual::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at 68% 38%,
            rgba(183,137,255,.25),
            transparent 36%
        );

    pointer-events:none;
}


.livanda-auth-visual::after{
    content:"";

    position:absolute;

    width:620px;
    height:620px;

    right:-240px;
    top:-210px;

    border:
        1px solid
        rgba(221,205,255,.12);

    border-radius:50%;

    box-shadow:
        0 0 0 90px rgba(182,142,255,.025),
        0 0 0 180px rgba(182,142,255,.018);

    pointer-events:none;
}


.livanda-auth-visual-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,4,18,.02),
            rgba(5,4,18,.20)
        );

    pointer-events:none;
}



/* ==========================================================
   LOGO
========================================================== */

.livanda-auth-logo{
    position:relative;
    z-index:3;

    display:inline-flex;

    width:max-content;
}


.livanda-auth-logo img{
    width:150px;
    height:auto;

    filter:
        brightness(0)
        invert(1);

    opacity:.94;
}



/* ==========================================================
   VISUAL COPY
========================================================== */

.livanda-auth-visual-content{
    position:relative;
    z-index:3;

    width:100%;
    max-width:610px;

    margin-top:auto;
    margin-bottom:90px;
}


.livanda-auth-kicker{
    margin-bottom:18px;

    font-size:12px;
    line-height:1;

    font-weight:700;

    letter-spacing:.22em;

    color:var(--lv-lavender-light);
}


.livanda-auth-visual-content h1{
    margin:0;

    font-family:"Montserrat",sans-serif;

    font-size:52px;
    line-height:1.08;

    font-weight:500;

    letter-spacing:-.035em;

    color:#ffffff;
}


.livanda-auth-visual-content h1 span{
    display:block;

    margin-top:8px;

    font-weight:700;

    color:var(--lv-lavender);
}


.livanda-auth-visual-content > p{
    max-width:570px;

    margin:
        27px 0 0;

    font-size:17px;
    line-height:1.75;

    font-weight:400;

    color:
        rgba(255,255,255,.76);
}



/* ==========================================================
   BENEFITS
========================================================== */

.livanda-auth-benefits{
    display:flex;
    flex-direction:column;

    gap:13px;

    margin-top:34px;
}


.livanda-auth-benefit{
    display:flex;
    align-items:center;

    gap:12px;

    font-size:14px;
    line-height:1.5;

    color:
        rgba(255,255,255,.83);
}


.livanda-auth-benefit-icon{
    flex:0 0 28px;

    width:28px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:
        1px solid
        rgba(213,192,255,.25);

    border-radius:50%;

    background:
        rgba(177,133,255,.12);

    color:#d8c3ff;

    font-size:12px;

    box-shadow:
        inset 0 0 18px
        rgba(177,133,255,.10);
}



/* ==========================================================
   LEFT BOTTOM
========================================================== */

.livanda-auth-visual-bottom{
    position:relative;
    z-index:3;

    font-size:11px;

    letter-spacing:.05em;

    color:
        rgba(255,255,255,.38);
}



/* ==========================================================
   RIGHT
========================================================== */

.livanda-auth-panel{
    position:relative;

    min-height:100vh;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    padding:60px 70px;

    background:
        radial-gradient(
            circle at 50% 32%,
            rgba(133,93,255,.10),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            #0c0a20 0%,
            #070616 100%
        );

    border-left:
        1px solid
        rgba(255,255,255,.05);
}


.livanda-auth-card{
    width:100%;
    max-width:510px;
}



/* ==========================================================
   MOBILE LOGO
========================================================== */

.livanda-auth-mobile-logo{
    display:none;
}



/* ==========================================================
   INTRO
========================================================== */

.livanda-auth-intro{
    margin-bottom:31px;
}


.livanda-auth-intro-label{
    display:block;

    margin-bottom:13px;

    font-size:11px;
    line-height:1;

    letter-spacing:.20em;

    font-weight:700;

    color:var(--lv-lavender);
}


.livanda-auth-intro h2{
    margin:0;

    font-family:"Montserrat",sans-serif;

    font-size:36px;
    line-height:1.15;

    font-weight:650;

    letter-spacing:-.025em;

    color:#fff;
}


.livanda-auth-intro p{
    margin:11px 0 0;

    font-size:14px;
    line-height:1.65;

    color:var(--lv-text-soft);
}



/* ==========================================================
   TABS
========================================================== */

.livanda-auth-tabs{
    position:relative;

    display:grid;
    grid-template-columns:1fr 1fr;

    gap:5px;

    width:100%;

    margin-bottom:29px;

    padding:5px;

    border:
        1px solid
        rgba(255,255,255,.07);

    border-radius:14px;

    background:
        rgba(255,255,255,.035);
}


.livanda-auth-tab{
    appearance:none;

    height:46px;

    border:0;
    border-radius:10px;

    background:transparent;

    color:#85809c;

    font-family:"Montserrat",sans-serif;

    font-size:13px;
    font-weight:600;

    cursor:pointer;

    transition:
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease,
        transform .22s ease;
}


.livanda-auth-tab:hover{
    color:#cfc9df;
}


.livanda-auth-tab.is-active{
    color:#fff;

    background:
        linear-gradient(
            135deg,
            rgba(126,94,230,.55),
            rgba(160,113,255,.32)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(216,197,255,.12),
        0 7px 22px
        rgba(79,48,169,.15);
}



/* ==========================================================
   PANES
========================================================== */

.livanda-auth-pane{
    display:none;
}


.livanda-auth-pane.is-active{
    display:block;

    animation:
        livandaAuthPane
        .28s ease;
}


@keyframes livandaAuthPane{

    from{
        opacity:0;
        transform:translateY(6px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}



/* ==========================================================
   FORM
========================================================== */

.livanda-auth-form{
    margin:0;
}


.livanda-auth-field{
    margin-bottom:18px;
}


.livanda-auth-field label{
    display:block;

    margin-bottom:8px;

    font-family:"Montserrat",sans-serif;

    font-size:12px;
    line-height:1.4;

    font-weight:600;

    color:#c9c5d7;
}


.livanda-auth-field input{
    display:block;

    width:100%;
    height:54px;

    margin:0;

    padding:0 17px;

    outline:none;

    border:
        1px solid
        rgba(201,183,255,.14);

    border-radius:11px;

    background:
        rgba(255,255,255,.045);

    color:#fff;

    font-family:"Montserrat",sans-serif;

    font-size:14px;
    font-weight:450;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.01);

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


.livanda-auth-field input::placeholder{
    color:
        rgba(190,185,205,.42);
}


.livanda-auth-field input:hover{
    border-color:
        rgba(201,183,255,.27);

    background:
        rgba(255,255,255,.055);
}


.livanda-auth-field input:focus{
    border-color:
        rgba(189,151,255,.62);

    background:
        rgba(255,255,255,.065);

    box-shadow:
        0 0 0 3px
        rgba(157,111,255,.09),
        0 8px 28px
        rgba(0,0,0,.12);
}


.livanda-auth-field .password-input{
    display:block;
    width:100%;
}



/* ==========================================================
   OPTIONS
========================================================== */

.livanda-auth-options{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    margin:
        5px 0 26px;
}


.livanda-auth-remember{
    display:flex;
    align-items:center;

    gap:9px;

    margin:0;

    cursor:pointer;

    font-size:12px;
    font-weight:500;

    color:#9590a9;
}


.livanda-auth-remember input{
    position:absolute;

    opacity:0;

    pointer-events:none;
}


.livanda-auth-check{
    position:relative;

    flex:0 0 18px;

    width:18px;
    height:18px;

    border:
        1px solid
        rgba(201,183,255,.24);

    border-radius:5px;

    background:
        rgba(255,255,255,.045);

    transition:.2s ease;
}


.livanda-auth-remember
input:checked
+
.livanda-auth-check{
    border-color:
        var(--lv-lavender);

    background:
        linear-gradient(
            135deg,
            #795bff,
            #b579ff
        );
}


.livanda-auth-remember
input:checked
+
.livanda-auth-check::after{
    content:"";

    position:absolute;

    left:5px;
    top:2px;

    width:5px;
    height:9px;

    border:
        solid #fff;

    border-width:
        0 2px 2px 0;

    transform:
        rotate(45deg);
}


.livanda-auth-forgot{
    font-size:12px;
    font-weight:550;

    color:#bda4ee;

    text-decoration:none;

    transition:
        color .2s ease;
}


.livanda-auth-forgot:hover{
    color:#dccbff;

    text-decoration:none;
}



/* ==========================================================
   SUBMIT
========================================================== */

.livanda-auth-submit{
    appearance:none;

    width:100%;
    height:56px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:13px;

    margin-top:8px;

    border:0;
    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            #775cff 0%,
            #9a6cff 52%,
            #bd83ff 100%
        );

    color:#fff;

    font-family:"Montserrat",sans-serif;

    font-size:13px;
    font-weight:700;

    cursor:pointer;

    box-shadow:
        0 12px 32px
        rgba(121,82,255,.22),
        inset 0 1px 0
        rgba(255,255,255,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}


.livanda-auth-submit:hover{
    transform:translateY(-1px);

    filter:brightness(1.06);

    box-shadow:
        0 15px 38px
        rgba(121,82,255,.30),
        inset 0 1px 0
        rgba(255,255,255,.22);
}


.livanda-auth-submit span:last-child{
    font-size:18px;
    line-height:1;

    transition:
        transform .2s ease;
}


.livanda-auth-submit:hover
span:last-child{
    transform:
        translateX(3px);
}



/* ==========================================================
   PRIVACY
========================================================== */

.livanda-auth-form
.woocommerce-privacy-policy-text{
    margin:
        2px 0 20px;
}


.livanda-auth-form
.woocommerce-privacy-policy-text p{
    margin:0;

    font-size:11px;
    line-height:1.65;

    color:#77728c;
}


.livanda-auth-form
.woocommerce-privacy-policy-text a{
    color:#b397ee;

    text-decoration:none;
}


.livanda-auth-form
.woocommerce-privacy-policy-text a:hover{
    color:#d4c0ff;
}



/* ==========================================================
   WOOCOMMERCE NOTICES
========================================================== */

.livanda-auth-card
.woocommerce-error,

.livanda-auth-card
.woocommerce-message,

.livanda-auth-card
.woocommerce-info{
    position:relative;

    width:100%;

    margin:
        0 0 22px;

    padding:
        13px 15px 13px 16px;

    border:
        1px solid
        rgba(201,183,255,.15);

    border-radius:10px;

    background:
        rgba(255,255,255,.045);

    color:#d8d4e3;

    font-family:"Montserrat",sans-serif;

    font-size:12px;
    line-height:1.6;

    list-style:none;

    box-shadow:none;
}


.livanda-auth-card
.woocommerce-error{
    border-color:
        rgba(255,109,140,.25);

    background:
        rgba(255,87,126,.07);

    color:#ffc1cf;
}



/* ==========================================================
   PANEL FOOTER
========================================================== */

.livanda-auth-panel-footer{
    width:100%;
    max-width:510px;

    margin-top:23px;

    text-align:center;

    font-size:10px;
    line-height:1.6;

    color:#555169;
}



/* ==========================================================
   REMOVE OLD THEME STUFF
========================================================== */

body.woocommerce-account:not(.logged-in)
.registration{
    margin:0;
}


body.woocommerce-account:not(.logged-in)
.copyright{
    display:none;
}

/* ==========================================================
   CLOSE / BACK BUTTON
========================================================== */

.livanda-auth-back{
    position:absolute;

    top:24px;
    right:24px;

    z-index:20;

    width:42px;
    height:42px;
    min-height:0;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:
        1px solid
        rgba(226,214,255,.18);

    border-radius:50%;

    background:
        rgba(8,6,25,.30);

    -webkit-backdrop-filter:
        blur(12px);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 8px 28px
        rgba(0,0,0,.16);

    color:
        rgba(255,255,255,.86);

    text-decoration:none;

    cursor:pointer;

    transition:
        background .22s ease,
        border-color .22s ease,
        color .22s ease,
        transform .22s ease;
}


.livanda-auth-back::before{
    content:"×";

    display:block;

    font-family:
        Arial,
        sans-serif;

    font-size:25px;
    line-height:1;

    font-weight:300;

    color:
        currentColor;
}


.livanda-auth-back:hover{
    color:#ffffff;

    background:
        rgba(35,27,72,.58);

    border-color:
        rgba(213,192,255,.40);

    transform:
        scale(1.06);

    text-decoration:none;
}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:1100px){

    .livanda-auth-page{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(460px,1.1fr);
    }


    .livanda-auth-visual{
        padding:
            42px 42px;
    }


    .livanda-auth-visual-content h1{
        font-size:42px;
    }


    .livanda-auth-panel{
        padding:
            50px 45px;
    }

}



/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    .livanda-auth-page{
        display:block;

        min-height:100vh;

        overflow:visible;
    }


.livanda-auth-visual{
    min-height:310px;

    padding:
        24px 20px 26px;

    background-position:
        center 32%;
}


.livanda-auth-logo{
    display:none;
}


.livanda-auth-visual-content{
    margin:
        auto 0 14px;

    max-width:315px;
}


.livanda-auth-kicker{
    margin-bottom:8px;

    font-size:9px;
    line-height:1;

    letter-spacing:.24em;
}


body.woocommerce-account:not(.logged-in)
.livanda-auth-visual-content h1{
    max-width:315px;

    font-size:22px !important;
    line-height:1.14 !important;

    font-weight:400;

    letter-spacing:-.018em;
}


body.woocommerce-account:not(.logged-in)
.livanda-auth-visual-content h1 span{
    margin-top:5px;

    font-weight:500;
}

.livanda-auth-back{
    top:14px;
    left:14px;
    right:auto;

    width:36px;
    height:36px;
    min-height:0;

    padding:0;

    border-radius:50%;

    background:
        rgba(8,6,25,.46);

    border-color:
        rgba(226,214,255,.26);
}


.livanda-auth-back::before{
    content:"←";

    font-size:17px;
    line-height:1;

    font-weight:400;

    transform:
        translateY(-1px);
}


.livanda-auth-back:hover{
    transform:none;
}

    .livanda-auth-visual-content > p{
        display:none;
    }


    .livanda-auth-benefits{
        display:none;
    }


    .livanda-auth-visual-bottom{
        display:none;
    }


    .livanda-auth-panel{
        min-height:auto;

        margin-top:-18px;

        padding:
            33px 22px 45px;

        border-left:0;

        border-radius:
            22px 22px 0 0;

        background:
            linear-gradient(
                180deg,
                #0c0a22,
                #070616
            );
    }


    .livanda-auth-card{
        max-width:480px;
    }


    .livanda-auth-mobile-logo{
        display:block;

        margin-bottom:27px;

        text-align:center;
    }


    .livanda-auth-mobile-logo img{
        width:125px;

        filter:
            brightness(0)
            invert(1);

        opacity:.9;
    }


    .livanda-auth-intro{
        margin-bottom:24px;
    }


    .livanda-auth-intro h2{
        font-size:29px;
    }


    .livanda-auth-field input{
        height:52px;
    }


    .livanda-auth-submit{
        height:54px;
    }


    .livanda-auth-panel-footer{
        margin-top:20px;
    }

}