/* Scene composition: foreground mascots, live forms, independent background. */
.wmm-auth main{position:relative;isolation:isolate;overflow:hidden;background:var(--wa-bg)}
.wmm-auth main:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--wa-bg) 1%,transparent 70%),linear-gradient(0deg,var(--wa-bg),transparent 65%),url('../assets/auth/office.webp') center/cover;opacity:.55;z-index:-2}
.wmm-auth main:after{content:"";position:absolute;left:-10%;right:-10%;height:220px;bottom:-125px;transform:rotate(-8deg);border-radius:50%;background:linear-gradient(170deg,#fbdce660,var(--wa-bg) 40%);box-shadow:0 -22px 0 #ffffff24;z-index:-1;pointer-events:none}
.wa-dark main:before{opacity:.16}.wa-dark main:after{background:linear-gradient(170deg,#74243e30,var(--wa-bg) 40%)}
.wa-layout{position:relative;max-width:1280px;display:block;padding:0 40px;min-height:810px}
.wa-scene-character{position:absolute;object-fit:contain;pointer-events:none;user-select:none}
.wa-card{position:relative;z-index:3;background:var(--wa-card);box-shadow:0 16px 55px #26153620;border:1px solid var(--wa-border)}
.wa-story{position:relative;z-index:2}.wa-story h1{font-size:70px}.wa-story>p:not(.wa-eyebrow){font-size:17px}
.wa-login{padding-top:340px;padding-bottom:55px}
.wa-login .wa-story{position:absolute;top:80px;left:40px;width:280px}
.wa-login .wa-story h1{font-size:66px}.wa-login .wa-card{width:490px;margin:0 auto;padding:30px 40px}
.wa-william{width:330px;height:auto;left:50%;top:0;transform:translateX(-50%);z-index:4}
.wa-login .wa-card form{margin-top:18px}.wa-login .wa-card label{margin-top:14px}
.wa-registration{padding-top:55px;padding-bottom:60px;min-height:910px}
.wa-registration .wa-story{width:300px;padding-top:22px}
.wa-registration .wa-card{width:440px;margin-left:auto;padding:28px 32px}
.wa-registration .wa-story{position:absolute;left:40px;top:55px}
.wa-josi{width:490px;height:790px;left:260px;bottom:18px;object-fit:cover;object-position:top;z-index:1;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%)}
.wa-registration .wa-benefits{margin-top:35px;max-width:245px}
.wa-registration .wa-card-logo{width:80px;margin-bottom:16px}
.wa-registration .wa-card form{margin-top:16px}
@media(min-width:1450px){.wa-layout{max-width:1380px}.wa-josi{left:325px;width:520px}.wa-registration .wa-card{width:460px}}
@media(max-width:1100px){.wa-layout{padding-left:25px;padding-right:25px}.wa-login .wa-story{left:25px;width:225px}.wa-login .wa-story h1{font-size:52px}.wa-login .wa-card{margin-left:auto;margin-right:55px;width:440px}.wa-william{left:auto;right:110px;transform:none}.wa-registration .wa-story{left:25px;width:250px}.wa-registration .wa-story h1{font-size:54px}.wa-josi{left:160px;width:400px;opacity:.9}.wa-registration .wa-card{width:420px}.wa-registration .wa-benefits{max-width:200px}}
@media(max-width:800px){.wa-login{padding-top:395px}.wa-login .wa-story{top:32px;width:45%;left:24px}.wa-login .wa-story h1{font-size:48px}.wa-william{width:285px;right:45px;top:80px}.wa-login .wa-card{margin:auto;width:min(490px,100%)}.wa-registration{padding-top:290px}.wa-registration .wa-story{top:25px;left:24px;width:52%}.wa-registration .wa-story h1{font-size:48px}.wa-registration .wa-benefits{display:none}.wa-registration .wa-card{width:min(490px,100%);margin:auto}.wa-josi{width:245px;height:365px;left:auto;right:22px;top:0;bottom:auto}}
@media(max-width:500px){.wa-layout{padding-left:20px;padding-right:20px;min-height:0}.wa-login{padding-top:360px;padding-bottom:35px}.wa-login .wa-story{top:25px;width:100%;left:20px;max-width:calc(100% - 40px)}.wa-login .wa-story h1{font-size:42px;margin-bottom:12px}.wa-login .wa-story h1 br{display:none}.wa-login .wa-story p:not(.wa-eyebrow){max-width:300px;font-size:15px}.wa-login .wa-eyebrow{margin-bottom:10px}.wa-william{width:195px;right:calc(50% - 97.5px);top:145px}.wa-login .wa-card{padding:28px 24px}.wa-registration{padding-top:370px;padding-bottom:35px}.wa-registration .wa-story{width:62%;top:28px;left:20px}.wa-registration .wa-story h1{font-size:43px}.wa-registration .wa-story p:not(.wa-eyebrow){font-size:15px;max-width:190px}.wa-registration .wa-eyebrow{font-size:9px;letter-spacing:1.5px}.wa-josi{width:215px;height:320px;top:120px;right:-25px;mask-image:linear-gradient(#000 70%,transparent 100%)}.wa-registration .wa-card{padding:28px 24px}.wa-name-row{grid-template-columns:1fr 1fr;gap:12px}}
.wa-login .wa-card{padding-top:44px}