body.ll-account-auth .woocommerce {
    max-width: 1120px;
    margin: 0 auto;
}

body.ll-account-auth .ll-account-auth__intro {
    margin: clamp(32px, 6vw, 76px) 0 clamp(28px, 5vw, 56px);
    padding: clamp(28px, 5vw, 52px) 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid rgba(212, 175, 55, .22);
    background: linear-gradient(90deg, #d4af37, #8aff00) top left / 100% 1px no-repeat, radial-gradient(circle at 8% 28%, rgba(118, 80, 167, .14), transparent 42%);
}

body.ll-account-auth .ll-account-auth__eyebrow {
    margin: 0 0 12px;
    color: #8aff00;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

body.ll-account-auth .ll-account-auth__intro h1 {
    max-width: 780px;
    margin: 0 0 16px;
    color: #f0d879;
    font-family: Cardo, Georgia, serif;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1;
    letter-spacing: -.035em;
}

body.ll-account-auth .ll-account-auth__intro > p:not(.ll-account-auth__eyebrow) {
    max-width: 680px;
    color: rgba(245,246,248,.76);
    font-size: 17px;
    line-height: 1.7;
}

body.ll-account-auth .ll-account-auth__intro ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
    color: rgba(245,246,248,.82);
    font-weight: 750;
}

body.ll-account-auth .ll-account-auth__intro li::before {
    content: "•";
    margin-right: 8px;
    color: #8aff00;
}

body.ll-account-auth #customer_login {
    gap: clamp(28px, 5vw, 72px) !important;
    padding-bottom: clamp(50px, 8vw, 100px);
}

body.ll-account-auth #customer_login > .u-column1,
body.ll-account-auth #customer_login > .u-column2,
body.ll-account-auth #customer_login > .col-1,
body.ll-account-auth #customer_login > .col-2 {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.ll-account-auth #customer_login > .u-column2,
body.ll-account-auth #customer_login > .col-2 {
    padding-left: clamp(28px, 5vw, 64px) !important;
    border-left: 1px solid rgba(212, 175, 55, .24) !important;
}

body.ll-account-auth #customer_login h2 {
    color: #f0d879 !important;
    font-family: Cardo, Georgia, serif;
    font-size: clamp(28px, 3vw, 40px) !important;
}

body.ll-account-auth #customer_login .button {
    width: 100%;
    min-height: 52px;
    border-radius: 0;
    background: linear-gradient(180deg, #f2d96f, #d4af37);
    color: #090b0f;
    font-weight: 900;
}

body.ll-account-auth #customer_login input:focus-visible,
body.ll-account-auth #customer_login .button:focus-visible {
    outline: 3px solid rgba(138,255,0,.72);
    outline-offset: 3px;
}

@media (max-width: 782px) {
    body.ll-account-auth .ll-account-auth__intro { margin-top: 28px; padding: 28px 0; }
    body.ll-account-auth .ll-account-auth__intro ul { display: grid; grid-template-columns: 1fr 1fr; }
    body.ll-account-auth #customer_login { grid-template-columns: 1fr !important; gap: 38px !important; }
    body.ll-account-auth #customer_login > .u-column2,
    body.ll-account-auth #customer_login > .col-2 { padding: 28px 0 0 !important; border-top: 1px solid rgba(212,175,55,.24) !important; border-left: 0 !important; }
}