/* World of Criminals - welcome / login page (neon noir). Extends woc-login.css + woc-auth.css */
.wz{--pk:#ff2fd0;--cy:#19e6ff;--vi:#8a3dff;--go:#ffd24a;margin:0;background:#05070f;color:#d6deeb;overflow-x:hidden;padding:0}
.wz::before,.wz::after{display:none}
.wz *{box-sizing:border-box}
.wz a{text-decoration:none}
.wz h1,.wz h2,.wz h3{font-family:var(--f-display,sans-serif);margin:0}

/* ---- buttons (smoothed) ---- */
.wz__btn,.wz__nbtn,.wz__go{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:14px 26px;font:700 14px var(--f-display,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:14px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .18s,filter .2s,box-shadow .2s,background .2s}
.wz__btn:hover,.wz__nbtn:hover,.wz__go:hover{color:#fff;background:rgba(255,255,255,.12);transform:translateY(-2px)}
.wz__btn:focus-visible,.wz__nbtn:focus-visible,.wz__go:focus-visible{box-shadow:0 0 0 3px rgba(25,230,255,.4)}
.wz__btn:active,.wz__nbtn:active,.wz__go:active{transform:scale(.97)}
.wz__btn small{font:500 10px var(--f-body,sans-serif);letter-spacing:.1em;opacity:.85}
.wz__btn--hot,.wz__nbtn--hot{border-color:transparent;background:linear-gradient(100deg,var(--pk),var(--vi));box-shadow:0 0 26px rgba(255,47,208,.45)}
.wz__btn--hot:hover,.wz__nbtn--hot:hover{background:linear-gradient(100deg,var(--pk),var(--vi));filter:brightness(1.15);box-shadow:0 0 34px rgba(255,47,208,.65)}

/* ---- nav ---- */
.wz__nav{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:10px clamp(14px,4vw,40px);background:linear-gradient(180deg,rgba(5,7,15,.92),rgba(5,7,15,0));transition:background .25s,box-shadow .25s}
.wz__nav.is-solid{background:rgba(5,7,15,.92);box-shadow:0 1px 0 rgba(25,230,255,.25),0 8px 30px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.wz__brand img{display:block;height:42px;width:auto}
.wz__live{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;font:600 11px var(--f-display,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#7dffb0;background:rgba(57,255,136,.08);border:1px solid rgba(57,255,136,.4);border-radius:99px}
.wz__live i{width:7px;height:7px;border-radius:50%;background:#39ff88;box-shadow:0 0 8px #39ff88;animation:wa-blink 1.6s ease-in-out infinite}
.wz__navr{margin-left:auto;display:flex;gap:10px}
.wz__nbtn{flex-direction:row;padding:9px 18px;font-size:12px;border-radius:12px}

/* ---- hero ---- */
.wz__hero{position:relative;overflow:hidden;min-height:min(100vh,980px);padding:104px clamp(16px,4vw,48px) 250px;background:linear-gradient(180deg,#070a1c 0%,#150a33 45%,#3a0f4d 78%,#5a1456 100%)}
.wz__scene{position:absolute;inset:0;pointer-events:none}
.wz__moon{position:absolute;top:9%;left:47%;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fff7e0,#ffd9a8 55%,#f0a8c8);box-shadow:0 0 60px 20px rgba(255,170,220,.35),0 0 160px 60px rgba(255,47,208,.22);opacity:.9}
.wz__sky{position:absolute;left:0;bottom:0;width:100%;height:62%;object-fit:cover;object-position:50% 100%}
.wz__sky--far{opacity:.9;height:70%}
.wz__sky--near{height:48%}
.wz__scene::after{content:'';position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,#05070f 92%)}
.wz__in{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:26px;align-items:start;max-width:1180px;margin:0 auto}
.wz__copy{max-width:calc(100% - 490px)}
.wz__kicker{display:inline-block;margin:0 0 12px;font:500 12px var(--f-mono,monospace);letter-spacing:.24em;text-transform:uppercase;color:var(--green,#39ff88);text-shadow:0 0 10px rgba(57,255,136,.6)}
.wz__copy h1{font-size:clamp(34px,6vw,68px);line-height:1.04;letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:0 0 22px rgba(25,230,255,.45),0 0 60px rgba(138,61,255,.5)}
.wz__copy h1 b{color:var(--pk);text-shadow:0 0 22px rgba(255,47,208,.8)}
.wz__sub{max-width:520px;margin:18px 0 18px;font-size:clamp(15px,1.8vw,18px);line-height:1.6;color:#d3dbee}
.wz__copy .wa__notice{justify-content:flex-start;max-width:520px;margin:0 0 20px}
.wz__ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 26px}
.wz__trust{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;padding:0;list-style:none}
.wz__trust li{display:flex;flex-direction:column;gap:2px}
.wz__trust b{font:700 24px var(--f-mono,monospace);color:#fff;text-shadow:0 0 14px rgba(25,230,255,.55)}
.wz__trust span{font:600 10px var(--f-display,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:#9fb0cf}
.wz__panel{position:absolute;top:164px;right:0;width:450px}
.wz__panel .wl__card{background:linear-gradient(135deg,var(--cy),rgba(138,61,255,.5) 50%,var(--pk))}
.wz__panel .wl__card::before{background:linear-gradient(170deg,rgba(14,18,36,.94),rgba(8,10,22,.96));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* crew lineup along the skyline */
.wz__lineup{position:absolute;z-index:1;left:0;right:0;bottom:-30px;display:flex;justify-content:center;pointer-events:none}
.wz__man{width:clamp(300px,36vw,500px);height:auto;margin-left:-6%;filter:drop-shadow(0 0 30px rgba(25,230,255,.35))}
.wz__lineup::before{content:'';position:absolute;left:50%;bottom:0;width:clamp(340px,40vw,560px);height:70%;transform:translateX(-56%);background:radial-gradient(closest-side,rgba(25,230,255,.22),transparent 72%);pointer-events:none}
.wz__crewimg{width:min(1100px,96vw);height:auto}
.wz__logo{display:block;width:clamp(190px,24vw,290px);margin:0 0 6px -8px}
.wz__logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 22px rgba(255,47,208,.45))}
.wz__banned{max-width:520px;margin:20vh auto;padding:30px;text-align:center;background:rgba(255,42,77,.08);border:1px solid rgba(255,42,77,.6);border-radius:18px}
.wz__banned h1{color:#ff5a78;font-size:26px;text-transform:uppercase;letter-spacing:.06em}

@media (max-width:980px){
  .wz__in{grid-template-columns:1fr;gap:26px}
  .wz__copy{text-align:center}
  .wz__sub,.wz__copy .wa__notice{margin-left:auto;margin-right:auto}
  .wz__ctas,.wz__trust{justify-content:center}
  .wz__copy{max-width:none}
  .wz__panel{position:static;width:100%;max-width:480px;margin:0 auto;order:0}
  .wz__moon{left:auto;right:8%;top:11%;width:70px;height:70px}
}
@media (max-width:640px){
  .wz__live,.wz__moon{display:none}
  .wz__hero{padding-top:88px;padding-bottom:150px}
  .wz__man{width:78vw;margin-left:0}
  .wz__logo{margin:0 auto 6px;width:210px}
  .wz__ctas .wz__btn{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .wz__man{width:78vw;margin-left:0}
  .wz__logo{margin:0 auto 6px;width:210px}
  .wz__live i{animation:none}
}
.wz__hero::after{content:'';position:absolute;z-index:3;left:0;right:0;bottom:0;height:90px;pointer-events:none;background:linear-gradient(180deg,transparent,#05070f)}

/* ---- animated background ---- */
.wz__net{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.9;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 70%,transparent 100%)}
.wz__moon{animation:wz-moon 7s ease-in-out infinite}
@keyframes wz-moon{50%{box-shadow:0 0 80px 28px rgba(255,170,220,.5),0 0 200px 80px rgba(255,47,208,.32)}}
.wz__ring{position:absolute;top:calc(9% - 26px);left:calc(47% - 26px);width:148px;height:148px;border-radius:50%;border:1px dashed rgba(255,200,240,.35);animation:wz-spin 40s linear infinite}
@keyframes wz-spin{to{transform:rotate(360deg)}}
.wz__sky--near{animation:wz-flick 8s steps(1) infinite}
@keyframes wz-flick{0%,100%{filter:none}18%{filter:brightness(1.35) saturate(1.3)}20%{filter:brightness(.8)}46%{filter:brightness(1.2)}48%{filter:none}71%{filter:brightness(1.4) hue-rotate(-12deg)}73%{filter:none}}
.wz__copy h1 b{position:relative;display:inline-block}
.wz__copy h1 b::before,.wz__copy h1 b::after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0;pointer-events:none}
.wz__copy h1 b::before{color:#19e6ff;text-shadow:none;animation:wz-gl1 6.5s steps(1) infinite}
.wz__copy h1 b::after{color:#8a3dff;text-shadow:none;animation:wz-gl2 6.5s steps(1) infinite}
@keyframes wz-gl1{0%,90%,100%{opacity:0}91%{opacity:.9;transform:translate(-4px,0);clip-path:inset(10% 0 55% 0)}93%{opacity:.9;transform:translate(3px,0);clip-path:inset(60% 0 8% 0)}95%{opacity:0}}
@keyframes wz-gl2{0%,91%,100%{opacity:0}92%{opacity:.9;transform:translate(4px,0);clip-path:inset(45% 0 25% 0)}94%{opacity:.9;transform:translate(-3px,0);clip-path:inset(5% 0 70% 0)}96%{opacity:0}}
@media (max-width:640px){.wz__ring{display:none}}
@media (prefers-reduced-motion:reduce){.wz__moon,.wz__ring,.wz__sky--near,.wz__copy h1 b::before,.wz__copy h1 b::after{animation:none}}

/* ---- city scene (banner-inspired): signs, street, flyers, globe ---- */
.wz__globe{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.92;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 88%,transparent)}
body.woc-landing.wz{padding-bottom:0}

/* ---- cookie notice ---- */
.wz__cookie{position:fixed;z-index:60;left:50%;bottom:16px;transform:translateX(-50%);display:none;align-items:center;gap:18px;width:min(980px,calc(100% - 24px));padding:14px 18px;background:rgba(10,13,28,.94);border:1px solid rgba(25,230,255,.45);border-radius:16px;box-shadow:0 0 28px rgba(25,230,255,.18),0 10px 40px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.wz__cookie.is-on{display:flex;animation:wz-cin .4s ease-out}
@keyframes wz-cin{from{opacity:0;transform:translate(-50%,16px)}}
.wz__cookie p{margin:0;flex:1;font-size:12.5px;line-height:1.55;color:#c3cde4}
.wz__cookie b{color:#fff}
.wz__cookie-btns{display:flex;gap:8px;flex:none}
.wz__cbtn{padding:10px 16px;cursor:pointer;font:700 11px var(--f-display,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);border-radius:12px;outline:none;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .15s,box-shadow .2s}
.wz__cbtn:hover{background:rgba(255,255,255,.14)}
.wz__cbtn:active{transform:scale(.97)}
.wz__cbtn:focus-visible{box-shadow:0 0 0 3px rgba(25,230,255,.4)}
.wz__cbtn--hot{border-color:transparent;background:linear-gradient(100deg,var(--pk),var(--vi))}
.wz__cbtn--hot:hover{background:linear-gradient(100deg,var(--pk),var(--vi));filter:brightness(1.15)}
@media (max-width:640px){.wz__cookie{flex-direction:column;align-items:stretch;gap:10px;bottom:10px}.wz__cookie-btns{justify-content:stretch}.wz__cbtn{flex:1}}
@media (prefers-reduced-motion:reduce){.wz__cookie.is-on{animation:none}}

/* ---- login / join box (v2): glass terminal card ---- */
@property --wa-a{syntax:'<angle>';initial-value:0deg;inherits:false}
.wz__panel.wl__glow{filter:none;animation:none}
.wz__panel .wl__card{position:relative;padding:18px 22px 22px;border-radius:20px;background:conic-gradient(from var(--wa-a),#19e6ff,#8a3dff 30%,#ff2fd0 55%,#8a3dff 80%,#19e6ff);animation:wa-spin 9s linear infinite;box-shadow:0 0 36px rgba(25,230,255,.22),0 0 70px rgba(138,61,255,.28),0 18px 50px rgba(0,0,0,.55)}
@keyframes wa-spin{to{--wa-a:360deg}}
.wz__panel .wl__card::before{inset:1.5px;border-radius:19px;background:linear-gradient(170deg,rgba(16,20,42,.93),rgba(7,9,20,.96))}
.wz__panel .wl__card::after{content:'';position:absolute;inset:9px;z-index:0;pointer-events:none;opacity:.7;
  background:linear-gradient(#19e6ff,#19e6ff) 0 0/16px 2px no-repeat,linear-gradient(#19e6ff,#19e6ff) 0 0/2px 16px no-repeat,
  linear-gradient(#ff2fd0,#ff2fd0) 100% 0/16px 2px no-repeat,linear-gradient(#ff2fd0,#ff2fd0) 100% 0/2px 16px no-repeat,
  linear-gradient(#8a3dff,#8a3dff) 0 100%/16px 2px no-repeat,linear-gradient(#8a3dff,#8a3dff) 0 100%/2px 16px no-repeat,
  linear-gradient(#19e6ff,#19e6ff) 100% 100%/16px 2px no-repeat,linear-gradient(#19e6ff,#19e6ff) 100% 100%/2px 16px no-repeat}
.wz__panel .wl__card>*{position:relative;z-index:1}
.wa__bar{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:0 2px;font:600 10px var(--f-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:#7dffb0}
.wa__bar i{width:7px;height:7px;border-radius:50%;background:#39ff88;box-shadow:0 0 8px #39ff88;animation:wa-blink 1.8s ease-in-out infinite}
.wa__bar em{margin-left:auto;font-style:normal;letter-spacing:.08em;text-transform:none;color:#6c7a99}
.wa__tag{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:#aab6d3}
.wa-js .wa__tag{display:block}.wa__tag{display:none}

/* tabs: one sliding pill */
.wz__panel .wa__tabs{position:relative;padding:4px;background:rgba(2,3,8,.75);border:1px solid rgba(120,150,200,.25);border-radius:15px}
.wz__panel .wa__tabs::before{content:'';position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:11px;background:linear-gradient(100deg,#19e6ff,#8a3dff 55%,#ff2fd0);background-size:200% 100%;background-position:0 0;box-shadow:0 0 18px rgba(25,230,255,.45);transition:transform .35s cubic-bezier(.3,.8,.3,1),background-position .35s,box-shadow .35s}
.wz__panel .wa__tabs:has(.wa__tab--hot[aria-selected=true])::before{transform:translateX(100%);background-position:100% 0;box-shadow:0 0 18px rgba(255,47,208,.5)}
.wz__panel .wa__tab{position:relative;z-index:1;background:transparent!important;box-shadow:none!important;animation:none!important;transition:color .25s}
.wz__panel .wa__tab[aria-selected=true]{color:#05060b}
.wz__panel .wa__tab--hot[aria-selected=true]{color:#fff}
.wz__panel .wa__tab:focus-visible{outline:2px solid rgba(25,230,255,.7);outline-offset:-2px}

/* fields: glass inputs with icons */
.wz__panel .wl__f>span:first-child{font-size:10px;letter-spacing:.18em;color:#8d9bbd}
.wz__panel .wl__card input[type=text],.wz__panel .wl__card input[type=email],.wz__panel .wl__card input[type=password],.wz__panel .wl__card select{padding:12px 14px 12px 42px;background-color:rgba(3,5,14,.72);background-repeat:no-repeat;background-position:13px 50%;background-size:18px;border:1px solid rgba(120,150,200,.28);border-left-width:1px;border-radius:13px;transition:border-color .2s,box-shadow .2s,background-color .2s}
.wz__panel .wl__card select{padding-left:14px;background-image:none}
.wz__panel input[name=username]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")!important}
.wz__panel input[name=email]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")!important}
.wz__panel input[name=password],.wz__panel input[name=cpassword]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E")!important}
.wz__panel input[name=promo]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.2'/%3E%3C/svg%3E")!important}
.wz__panel input[name=captcha]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")!important}
.wz__panel .wl__card input:focus,.wz__panel .wl__card select:focus{border-color:#19e6ff;background-color:rgba(25,230,255,.07);box-shadow:0 0 0 3px rgba(25,230,255,.16),0 0 18px rgba(25,230,255,.18)}
.wz__panel .wl__card--login input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #0a1024 inset}
.wz__panel .wa__pw input{padding-right:70px}
.wz__panel .wl__chk{color:#aab6d3}
.wz__panel .wl__chk input{accent-color:#19e6ff}

/* buttons: gradient with a light sweep */
.wz__panel .wa__btn{position:relative;overflow:hidden;padding:14px;border:0;border-radius:14px;font-size:13px;letter-spacing:.22em;color:#05060b;background:linear-gradient(100deg,#19e6ff,#6ea0ff 55%,#a86bff);box-shadow:0 0 22px rgba(25,230,255,.4)}
.wz__panel .wa__btn.wl__btn--hot{color:#fff;background:linear-gradient(100deg,#ff2fd0,#8a3dff);animation:none;box-shadow:0 0 22px rgba(255,47,208,.45)}
.wz__panel .wa__btn::before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transition:left .6s}
.wz__panel .wa__btn:hover::before{left:130%}
.wz__panel .wa__btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.wz__panel .wa__fine{margin-top:12px}
.wz__panel .wl__alt{margin-top:14px;color:#8d9bbd}
@media (prefers-reduced-motion:reduce){.wz__panel .wl__card,.wa__bar i{animation:none}}
.wz__panel .wl__card input.is-bad{background-color:rgba(255,42,77,.08)!important;background-repeat:no-repeat!important;background-size:18px!important;background-position:13px 50%!important;border-color:#ff2a4d!important}
.wz__panel .wl__card select.is-bad{background-size:auto!important;background-position:right 10px center!important}
.wa__bar{padding:0 12px}

/* phone only: the character sits below the box in the page flow (never behind it) */
@media (max-width:640px){
  .wz__hero{padding-bottom:0}
  .wz__lineup{position:relative;left:auto;right:auto;bottom:auto;margin:24px 0 -30px}
  .wz__man{width:min(78vw,460px);margin-left:0}
}
@media (max-width:480px){.wa__bar em{display:none}.wa__bar{font-size:9.5px}}

/* standalone pages (forgot / reset password / messages): same scene, one centred card */
.wz__hero--solo{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:84px 16px 80px}
.wz__in--solo{position:relative;z-index:2;display:block;width:100%;max-width:480px;margin:0 auto}
.wz__logo--solo{width:clamp(150px,40vw,220px);margin:0 auto 14px}
.wz__panel--solo{position:static;width:100%;top:auto;right:auto}
.wz__panel--solo .wl__solo{max-width:none;margin:0}
.wz__panel--solo .wl__msg p{line-height:1.6;color:var(--chrome,#c9d3e0)}
.wz__panel--solo .wl__msg a{color:#19e6ff}

/* Chrome/Edge autofill forces background-image:none on the field itself, so the icons are drawn on the label instead */
.wz__panel .wl__card input:-webkit-autofill,.wz__panel .wl__card input:-webkit-autofill:hover,.wz__panel .wl__card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 60px #070a16 inset!important;box-shadow:0 0 0 60px #070a16 inset!important;caret-color:#fff;
  transition:background-color 600000s 0s,color 600000s 0s}
.wz__panel .wl__card .wl__f{position:relative}
.wz__panel .wl__card .wl__f::after{content:'';position:absolute;left:13px;top:28px;width:18px;height:18px;z-index:3;pointer-events:none;background:no-repeat center/18px}
.wz__panel .wl__card .wl__f:has(input[name=username])::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}
.wz__panel .wl__card .wl__f:has(input[name=password])::after,.wz__panel .wl__card .wl__f:has(input[name=cpassword])::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E")}
.wz__panel .wl__card .wl__f:has(input[name=email])::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
.wz__panel .wl__card .wl__f:has(input[name=promo])::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.2'/%3E%3C/svg%3E")}
.wz__panel .wl__card .wl__f:has(input[name=captcha])::after{top:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8aa3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
/* icons now come from the label (above); drop the old on-field copy so they are not doubled */
.wz__panel .wl__card .wl__f input[name]{background-image:none!important}