body.wza-auth-page { --wzal-ink:#192339; --wzal-muted:#667085; --wzal-pink:#e81755; background:#f7f8fc; }
body.wza-auth-page .wza-shell > .woocommerce { display:block!important; width:100%; max-width:none!important; margin:0!important; padding:0!important; border:0; border-radius:0; background:transparent; }
.wza-auth, .wza-auth * { box-sizing:border-box; }
.wza-auth { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:18px; width:100%; max-width:none; min-height:100dvh; margin:0; padding:18px; color:var(--wzal-ink,#192339); background:#f7f8fc; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-align:start; }
.wza-auth .wza-auth__main { display:flex; align-items:center; justify-content:center; min-width:0; padding:52px clamp(28px,5vw,90px); border-radius:22px; background:#fff; }
.wza-auth .wza-auth__inner { width:100%; max-width:410px; }
.wza-auth .wza-auth__heading { margin:0 0 30px; padding:0; border:0; background:none; text-align:center; }
.wza-auth .wza-auth__heading h1 { margin:0 0 12px; padding:0; color:var(--wzal-ink,#192339); font-family:inherit; font-size:clamp(30px,3.1vw,43px); font-weight:750; line-height:1.12; letter-spacing:-1.5px; }
.wza-auth .wza-auth__heading p { max-width:330px; margin:0 auto; color:var(--wzal-muted,#667085); font-size:14px; line-height:1.8; }
body.wza-auth-page .wza-auth form.wza-auth__form { display:block; float:none; width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.wza-auth .wza-auth__form .form-row { float:none; clear:both; width:100%; margin:0 0 22px; padding:0; }
.wza-auth .wza-auth__form label { display:block; margin:0 0 9px; padding:0; color:#344054; font-family:inherit; font-size:12px; font-weight:650; line-height:1.5; text-align:start; }
.wza-auth .wza-auth__form .required { color:#bd1647; font-weight:650; }
body.wza-auth-page .wza-auth .wza-auth__form input.input-text { display:block; width:100%; max-width:100%; min-height:54px; margin:0; padding:14px 16px; border:1px solid #d8deea; border-radius:10px; background:#fcfcfe; color:#192339; font-family:inherit; font-size:16px; font-weight:400; line-height:1.5; box-shadow:0 2px 2px #19233902; }
body.wza-auth-page .wza-auth .wza-auth__form input.input-text:focus { border-color:#c9154b; outline:3px solid #e817551a; outline-offset:1px; background:#fff; box-shadow:none; }
.wza-auth .password-input { position:relative; display:block; width:100%; }
body.wza-auth-page .wza-auth .wza-auth__form .password-input input { padding-inline-end:56px; }
.wza-auth .wza-auth__form .show-password-input { position:absolute; top:5px; inset-inline-end:5px; display:grid; place-items:center; width:44px; height:44px; margin:0; padding:0; border:0; border-radius:7px; color:#526078; background:transparent; cursor:pointer; }
.wza-auth .wza-auth__form .show-password-input::after { margin:0; }
.wza-auth .wza-auth__options { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 16px; margin:0 0 26px; }
.wza-auth .wza-auth__options label { display:inline-flex; align-items:center; gap:8px; margin:0; color:#526078; font-size:12px; font-weight:400; cursor:pointer; }
body.wza-auth-page .wza-auth input[type=checkbox] { flex:0 0 17px; width:17px; height:17px; min-height:0; margin:0; padding:0; accent-color:var(--wzal-pink,#e81755); }
.wza-auth a.lost_password { float:none; margin:0; color:#9e153e; font-size:12px; font-weight:650; line-height:1.6; text-decoration:underline; text-decoration-color:#ecc4d0; text-underline-offset:4px; }
.wza-auth .wza-auth__form .wza-auth__submit-row { margin:0; }
body.wza-auth-page .wza-auth .wza-auth__form button.wza-auth__submit { display:flex; float:none; align-items:center; gap:12px; width:100%; min-height:54px; margin:0; padding:15px 19px; border:1px solid var(--wzal-pink,#e81755); border-radius:10px; background:var(--wzal-pink,#e81755); color:#fff; font-family:inherit; font-size:14px; font-weight:700; line-height:1.5; letter-spacing:0; text-align:center; text-transform:none; box-shadow:0 6px 16px #e8175517; cursor:pointer; justify-content:center; }
body.wza-auth-page .wza-auth .wza-auth__form button.wza-auth__submit:hover { border-color:#be1245; background:#be1245; color:#fff; }
.wza-auth a:focus-visible, .wza-auth button:focus-visible, .wza-auth summary:focus-visible, .wza-auth input[type=checkbox]:focus-visible { outline:3px solid #ba1243; outline-offset:4px; }
.wza-auth .wza-auth__register { margin:23px 0 0; padding:0; border:0; }
.wza-auth .wza-auth__register summary { display:list-item; width:fit-content; margin:0; padding:5px 0; color:#526078; font-size:12px; line-height:1.6; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.wza-auth .wza-auth__register[open] summary { margin-bottom:22px; }
.wza-auth .wza-auth__register h2 { margin:0 0 22px; padding:0; color:#192339; font-size:23px; font-weight:700; letter-spacing:-.5px; }
.wza-auth .wza-auth__help, .wza-auth .woocommerce-privacy-policy-text { margin:14px 0; color:#667085; font-size:12px; line-height:1.8; }
.wza-auth .woocommerce-privacy-policy-text p { font-size:inherit; line-height:inherit; }
.wza-auth .woocommerce-privacy-policy-text a { color:#9e153e; text-decoration:underline; }
.wza-auth .wza-auth__footer { margin:48px 0 0; padding:24px 0 0; border:0; border-top:1px solid #edf0f6; background:none; text-align:center; }
.wza-auth .wza-auth__footer a { display:inline-flex; align-items:center; gap:10px; color:#344054; font-size:12px; font-weight:650; text-decoration:none; }
.wza-auth .wza-auth__footer p { margin:13px 0 0; color:#7a8598; font-size:11px; line-height:1.7; }
.wza-auth .wza-auth__story { position:relative; display:flex; align-items:center; min-width:0; padding:clamp(32px,4.5vw,80px); border-radius:22px; background:radial-gradient(ellipse at 95% 12%,#6c294d55,transparent 50%),radial-gradient(ellipse at 0 100%,#29395788,transparent 58%),#141c30; color:#fff; overflow:hidden; }
.wza-auth .wza-auth__story::after { content:''; position:absolute; right:-80px; top:-180px; width:460px; height:460px; border:1px solid #ffffff09; border-radius:50%; pointer-events:none; }
.wza-auth .wza-auth__story-inner { position:relative; z-index:1; width:100%; max-width:600px; margin:auto; }
.wza-auth .wza-auth__story-tag { display:inline-flex; align-items:center; gap:11px; margin:0 0 25px; color:#f5dce6; font-size:10px; font-weight:600; letter-spacing:1.6px; line-height:1.6; width:fit-content; max-width:100%; padding:10px 15px; border:1px solid rgb(245 142 174 / 20%); border-radius:50px; background:rgb(245 142 174 / 8%); }
.wza-auth .wza-auth__story-tag > span { width:7px; height:7px; border-radius:50%; background:#f58eae; box-shadow:none; position:relative; flex:0 0 7px; }
.wza-auth .wza-auth__story h2 { margin:0 0 21px; padding:0; color:#fff; font-family:inherit; font-size:clamp(34px,4.1vw,58px); font-weight:700; line-height:1.08; letter-spacing:-2px; }
.wza-auth .wza-auth__story h2 > span { color:#f58eae; }
.wza-auth .wza-auth__story-copy { max-width:410px; margin:0 0 35px; color:#c1cadc; font-size:14px; line-height:1.85; }
.wza-auth .wza-auth__illustration { width:100%; margin:0; border:1px solid #ffffff1f; border-radius:15px; background:#ffffff05; box-shadow:0 24px 70px #070c1e55; overflow:hidden; }
.wza-auth .wza-auth__window-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; border-bottom:1px solid #ffffff12; color:#9ba8c3; font-size:9px; letter-spacing:.6px; }
.wza-auth .wza-auth__dots { display:flex; gap:5px; }
.wza-auth .wza-auth__dots i { display:block; width:5px; height:5px; border-radius:50%; background:#7b86a0; }
.wza-auth .wza-auth__dots i:first-child { background:#ed6c94; }
.wza-auth .wza-auth__window-body { padding:27px; }
.wza-auth .wza-auth__workspace-title { margin:0 0 25px; }
.wza-auth .wza-auth__workspace-title > span { display:block; margin-bottom:8px; color:#9dabc4; font-size:8px; font-weight:600; letter-spacing:1.8px; }
.wza-auth .wza-auth__workspace-title > strong { display:block; color:#fff; font-size:28px; font-weight:650; letter-spacing:-.9px; line-height:1.2; }
.wza-auth .wza-auth__workspace-title > strong > span { color:#f06c96; }
.wza-auth .wza-auth__tool { display:flex; align-items:center; gap:14px; margin:0 0 11px; padding:15px; border:1px solid #ffffff10; border-radius:10px; background:#ffffff04; }
.wza-auth .wza-auth__tool:last-child { margin-bottom:0; }
.wza-auth .wza-auth__tool--pink { border-color:#d94b7b45; background:#9d31521c; }
.wza-auth .wza-auth__tool-icon { display:grid; flex:0 0 36px; place-items:center; height:36px; border:1px solid #ffffff15; border-radius:9px; color:#e1c6d7; background:#ffffff05; font-size:23px; }
.wza-auth .wza-auth__tool--pink .wza-auth__tool-icon { color:#ffc6db; background:#f1588815; }
.wza-auth .wza-auth__tool > div { flex:1; min-width:0; }
.wza-auth .wza-auth__tool strong { display:block; margin:0 0 5px; color:#e5e9f4; font-size:12px; font-weight:650; line-height:1.4; }
.wza-auth .wza-auth__tool div > span { display:block; color:#a7b3ca; font-size:10px; line-height:1.5; }
.wza-auth .wza-auth__tool > b { color:#d6a5bb; font-size:17px; font-weight:400; }
.wza-auth .wza-auth__story-footer { display:flex; align-items:center; gap:14px; margin:32px 0 0; }
.wza-auth .wza-auth__story-footer > span { color:#f58eae; font-size:30px; }
.wza-auth .wza-auth__story-footer p { margin:0; color:#e6eaf4; font-size:12px; font-weight:600; line-height:1.6; }
.wza-auth .wza-auth__story-footer small { display:block; margin-top:3px; color:#a6b2c9; font-size:10px; font-weight:400; }
body.wza-auth-page .woocommerce-notices-wrapper:not(:empty) { width:100%; max-width:none; margin:0; padding:16px 24px; }
.wza-auth .woocommerce-password-strength, .wza-auth .woocommerce-password-hint { margin-top:8px; padding:10px; font-size:12px; line-height:1.6; }
.wza-auth a.wza-auth__brand { display:block; width:100%; max-width:390px; margin:0 auto 32px; letter-spacing:normal; padding:0; line-height:0; text-decoration:none; }
.wza-auth a.wza-auth__brand img { display:block; width:100%; max-width:100%; height:auto; margin:0 auto; padding:0; border:0; object-fit:contain; object-position:center; }
.wza-auth .wza-auth__story-tag > span::after { content:""; position:absolute; inset:-4px; border:1px solid rgb(245 142 174 / 65%); border-radius:inherit; animation:wza-dot-pulse 2s ease-out infinite; }
.wza-auth .not-customer a { display:inline-flex; align-items:center; gap:6px; color:#b91443; font-weight:600; text-decoration:none; vertical-align:middle; }
.wza-auth .not-customer a svg { display:block; flex-shrink:0; }
.wza-auth .not-customer a:hover { color:#951035; text-decoration:underline; text-underline-offset:4px; }
.wza-auth .not-customer, .wza-auth .wza-auth__form .form-row.not-customer { margin:22px 0 0; color:#667085; font-size:13px; line-height:1.8; text-align:center; text-wrap:pretty; }
.wza-auth .wza-auth__submit > span[aria-hidden] { width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.wza-auth .wza-auth__submit svg { display:block; width:20px; height:20px; flex-shrink:0; }
@keyframes wza-dot-pulse {
    0% { transform:scale(.55); opacity:.9; }
    100% { transform:scale(1.6); opacity:0; }
}

@media (min-width:1800px) {
    .wza-auth .wza-auth__main { padding-top:75px; padding-bottom:75px; }
}

@media (max-width:1050px) {
    .wza-auth { gap:12px; padding:12px; }
    .wza-auth .wza-auth__main { padding:40px 28px; }
    .wza-auth .wza-auth__story { padding:40px 30px; }
    .wza-auth .wza-auth__story h2 { font-size:40px; }
    .wza-auth .wza-auth__window-body { padding:20px; }
}

@media (max-width:760px) {
    .wza-auth { grid-template-columns:minmax(0,1fr); min-height:100dvh; }
    .wza-auth .wza-auth__main { padding:38px 24px; }
    .wza-auth .wza-auth__inner { max-width:440px; }
    .wza-auth .wza-auth__heading h1 { font-size:35px; }
    .wza-auth .wza-auth__footer { margin-top:32px; }
    .wza-auth .wza-auth__story { padding:32px 28px; }
    .wza-auth .wza-auth__story-inner { max-width:440px; }
    .wza-auth .wza-auth__illustration { display:none; }
    .wza-auth .wza-auth__story-tag { margin-bottom:18px; }
    .wza-auth .wza-auth__story h2 { font-size:34px; letter-spacing:-1px; }
    .wza-auth .wza-auth__story-copy { margin-bottom:0; font-size:13px; }
    .wza-auth .wza-auth__story-footer { margin-top:24px; }
    .wza-auth a.wza-auth__brand { max-width:360px; margin-bottom:28px; }
}

@media (max-width:400px) {
    .wza-auth a.wza-auth__brand { max-width:100%; margin-bottom:24px; }
}

@media (max-width:360px) {
    .wza-auth { padding:8px; gap:8px; }
    .wza-auth .wza-auth__main { padding:30px 16px; }
    .wza-auth .wza-auth__options { gap:14px; }
    .wza-auth .wza-auth__heading h1 { font-size:31px; }
}

@media (prefers-reduced-motion:no-preference) {
    .wza-auth .wza-auth__form input.input-text, .wza-auth .wza-auth__form button.wza-auth__submit { transition:border-color .15s,background .15s; }
}

@media (prefers-reduced-motion:reduce) {
    .wza-auth .wza-auth__story-tag > span::after { animation:none; opacity:.4; }
}