body.woocommerce-account:not(.logged-in) #main {
    background: linear-gradient(180deg, #f4f7fb 0%, #edf3f8 100%);
}

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

body.woocommerce-account:not(.logged-in) article.page > .entry-content {
    width: 100%;
    max-width: none !important;
    margin: 0;
}

body.woocommerce-account:not(.logged-in) .ct-woo-unauthorized {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: none;
}

body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper {
    grid-column: 1 / -1;
}

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

.skz-login-scene {
    position: relative;
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: calc(100vh - 83px);
    overflow: hidden;
    border-radius: 0;
    background:
        radial-gradient(circle at 77% 13%, rgba(132, 204, 22, .19), transparent 25%),
        linear-gradient(145deg, #091321 0%, #102340 58%, #173b66 100%);
    color: #fff;
    box-shadow: none;
    isolation: isolate;
}

.skz-login-scene::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: inherit;
    pointer-events: none;
}

.skz-login-scene__copy {
    position: relative;
    z-index: 7;
    width: 62%;
    max-width: none;
    box-sizing: border-box;
    padding: clamp(70px, 10vh, 112px) 40px 40px max(40px, calc((100vw - 1320px) / 2));
}

.skz-login-scene__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #b7f236;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.skz-login-scene__eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    background: currentColor;
}

.skz-login-scene h1 {
    max-width: 590px;
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(35px, 3.5vw, 58px);
    line-height: .98;
    letter-spacing: -.045em;
}

.skz-login-scene p {
    max-width: 530px;
    margin: 0;
    color: rgba(255, 255, 255, .76);
    font-size: clamp(15px, 1.25vw, 18px);
    line-height: 1.55;
}

.skz-login-scene__world { position: absolute; z-index: 1; inset: 0; overflow: hidden; }
.skz-login-scene__sun { position: absolute; top: 60px; right: 11%; width: 74px; height: 74px; border-radius: 50%; background: #b7f236; box-shadow: 0 0 60px rgba(183, 242, 54, .3); }
.skz-login-scene__cloud { position: absolute; width: 92px; height: 17px; border-radius: 99px; background: rgba(255,255,255,.12); }
.skz-login-scene__cloud::before,.skz-login-scene__cloud::after { content:""; position:absolute; bottom:0; border-radius:50%; background:inherit; }
.skz-login-scene__cloud::before { left:18px; width:34px; height:34px; }
.skz-login-scene__cloud::after { right:14px; width:26px; height:26px; }
.skz-login-scene__cloud--one { top: 108px; right: 31%; animation: skz-cloud 16s ease-in-out infinite alternate; }
.skz-login-scene__cloud--two { top: 178px; right: 7%; transform: scale(.7); opacity:.65; animation: skz-cloud 20s ease-in-out -5s infinite alternate-reverse; }
.skz-login-scene__hills { position:absolute; left:-8%; right:-8%; bottom:94px; height:190px; background:radial-gradient(ellipse at 15% 100%,#173b4b 0 45%,transparent 46%),radial-gradient(ellipse at 46% 100%,#1c4a55 0 48%,transparent 49%),radial-gradient(ellipse at 82% 100%,#153c4d 0 44%,transparent 45%); opacity:.88; }

.skz-login-scene__trees { position:absolute; left:0; right:0; bottom:91px; height:112px; }
.skz-login-scene__trees span { position:absolute; bottom:0; width:8px; height:48px; border-radius:5px; background:#183329; }
.skz-login-scene__trees span::before,.skz-login-scene__trees span::after { content:""; position:absolute; left:50%; translate:-50% 0; border-radius:50%; background:#2f694b; }
.skz-login-scene__trees span::before { bottom:24px; width:48px; height:58px; }
.skz-login-scene__trees span::after { bottom:53px; width:33px; height:40px; background:#40805a; }
.skz-login-scene__trees span:nth-child(1){left:6%;scale:.8}.skz-login-scene__trees span:nth-child(2){left:24%;scale:1.1}.skz-login-scene__trees span:nth-child(3){left:43%;scale:.68}.skz-login-scene__trees span:nth-child(4){left:63%;scale:1.2}.skz-login-scene__trees span:nth-child(5){left:79%;scale:.78}.skz-login-scene__trees span:nth-child(6){left:94%;scale:1.05}

.skz-login-scene__road { position:absolute; left:-2%; right:-2%; bottom:0; height:96px; background:linear-gradient(180deg,#26374b 0%,#182535 100%); border-top:5px solid #8fb34a; }
.skz-login-scene__road::after { content:""; position:absolute; left:0; right:0; top:44px; height:4px; background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 48px,transparent 48px 88px); }
.skz-login-scene__road span { position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent); animation:skz-road 2.2s linear infinite; }

.skz-login-scene__rider { position:absolute; z-index:4; left:-250px; bottom:31px; width:240px; color:#f8fafc; filter:drop-shadow(0 12px 9px rgba(0,0,0,.3)); animation:skz-ride 13s linear -1.7s infinite; }
.skz-login-scene__rider svg { display:block; width:100%; overflow:visible; }
.skz-login-scene__van-body { fill:#f8fafc; stroke:#f8fafc; stroke-width:3; stroke-linejoin:round; }
.skz-login-scene__van-cab { fill:#173b66; stroke:#b7f236; stroke-width:3; stroke-linejoin:round; }
.skz-login-scene__van-line { fill:none; stroke:#b8c6d8; stroke-width:2; stroke-linecap:round; }
.skz-login-scene__van-wheel { fill:#07111f; stroke:#b7f236; stroke-width:5; }
.skz-login-scene__van-hub { fill:#d8e5ef; stroke:none; }
.skz-login-scene__van-logo { fill:#0d1c31; font-family:Arial,sans-serif; font-size:27px; font-weight:900; letter-spacing:-2px; }
.skz-login-scene__van-scooter circle { fill:#0d1c31; stroke:#b7f236; stroke-width:2; }
.skz-login-scene__van-scooter path { fill:none; stroke:#0d1c31; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.skz-login-scene__caption { position:absolute; z-index:7; left:clamp(34px,5vw,72px); bottom:112px; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.72); font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.skz-login-scene__caption span { width:7px;height:7px;border-radius:50%;background:#b7f236;box-shadow:0 0 0 5px rgba(183,242,54,.12); }

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login {
    display: flex;
    flex-direction: column;
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-self: end;
    position: relative;
    z-index: 12;
    width: min(420px, calc(100% - 48px)) !important;
    max-width: 420px !important;
    margin: 24px max(40px, calc((100vw - 1320px) / 2)) 24px 0 !important;
    padding: clamp(30px, 3.6vw, 50px) !important;
    border: 1px solid #dce5ef !important;
    border-radius: 26px !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 25px 70px rgba(3, 12, 27, .3);
    backdrop-filter: blur(16px);
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login::before { content:"Acceso para clientes"; display:block; order:-2; margin-bottom:8px; color:#0f1d32; font-size:clamp(26px,2.2vw,34px); font-weight:850; line-height:1.1; letter-spacing:-.035em; }
body.woocommerce-account:not(.logged-in) form.woocommerce-form-login::after { content:"Introduce tus datos para consultar precios, stock y pedidos."; display:block; order:-1; margin:-2px 0 28px; color:#6b7b90; font-size:14px; line-height:1.45; }
body.woocommerce-account:not(.logged-in) form.woocommerce-form-login label { color:#24344b; font-size:13px; font-weight:750; }
body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text { min-height:50px; border:1px solid #d8e2ee; border-radius:10px; background:#f7f9fc; }
body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button[type="submit"] { width:100%; min-height:50px; border-radius:10px; background:#0f65a8; font-weight:800; }
body.woocommerce-account:not(.logged-in) form.woocommerce-form-login button[type="submit"]:hover { background:#0b4f85; }

@keyframes skz-ride { from{transform:translateX(0)} to{transform:translateX(calc(100vw + 300px))} }
@keyframes skz-rider-bob { from{transform:translateY(0)} to{transform:translateY(-2px)} }
@keyframes skz-cloud { from{translate:-16px 0} to{translate:24px 0} }
@keyframes skz-road { from{transform:translateX(-22%)} to{transform:translateX(22%)} }

@media (max-width: 900px) {
    body.woocommerce-account:not(.logged-in) article.page { padding:0; }
    body.woocommerce-account:not(.logged-in) .ct-woo-unauthorized { grid-template-columns:1fr; gap:0; }
    .skz-login-scene { grid-column:1; min-height:760px; border-radius:0; }
    .skz-login-scene__copy { width:72%; padding:34px; }
    .skz-login-scene h1 { font-size:clamp(32px,7vw,46px); }
    .skz-login-scene__caption { left:34px; bottom:106px; }
    body.woocommerce-account:not(.logged-in) form.woocommerce-form-login { grid-column:1; grid-row:2; align-self:end; justify-self:end; width:min(410px,calc(100% - 48px)) !important; margin:24px !important; padding:30px !important; border-radius:22px !important; }
    @keyframes skz-ride { from{transform:translateX(0)} to{transform:translateX(calc(100vw + 280px))} }
}

@media (max-width: 520px) {
    .skz-login-scene { min-height:1050px; }
    .skz-login-scene__copy { width:100%; padding:28px 24px; }
    .skz-login-scene__copy p { font-size:14px; }
    .skz-login-scene__sun { width:52px;height:52px;top:42px;right:8%;opacity:.8; }
    .skz-login-scene__hills { bottom:714px; }
    .skz-login-scene__trees { bottom:711px; }
    .skz-login-scene__road { bottom:620px; }
    .skz-login-scene__caption { left:24px; bottom:732px; font-size:10px; }
    .skz-login-scene__rider { width:190px; bottom:651px; }
    body.woocommerce-account:not(.logged-in) form.woocommerce-form-login { width:calc(100% - 32px) !important; margin:16px !important; padding:26px 22px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .skz-login-scene__rider { left:50%; transform:translateX(-50%); animation:none; }
    .skz-login-scene__cloud,.skz-login-scene__road span,.skz-login-scene__person { animation:none; }
}
