.staff-login-page{color:#28374d;background:#fff;grid-template-columns:minmax(380px,1.05fr) minmax(420px,1fr);min-height:100vh;display:grid}.staff-login-brand{color:#fff;background:#5448db;flex-direction:column;justify-content:space-between;min-height:100vh;padding:47px 12% 35px;display:flex;position:relative;overflow:hidden}.staff-login-brand:before,.staff-login-brand:after{content:"";pointer-events:none;border:1px solid #ffffff09;border-radius:50%;width:550px;height:550px;position:absolute;bottom:45px;right:-340px}.staff-login-brand:after{width:700px;height:700px;bottom:-30px;right:-415px}.staff-brand-link{align-items:center;gap:19px;width:fit-content;display:flex}.staff-brand-link img{width:125px;height:auto}.staff-brand-link span{letter-spacing:1.8px;color:#9c9cbd;border-left:1px solid #ffffff24;max-width:100px;padding-left:17px;font-size:8px}.staff-brand-content{z-index:1;padding:70px 0 80px;position:relative}.staff-login-eyebrow{letter-spacing:1.8px;color:#665d8f;font-size:9px;font-weight:600;display:block}.staff-login-brand .staff-login-eyebrow{color:#b7acd8}.staff-brand-content h1{letter-spacing:-2px;margin:25px 0;font-size:55px;font-weight:600;line-height:1.2}.staff-brand-content>p{color:#aaa8ce;max-width:370px;font-size:12px;line-height:1.9}.staff-capabilities{gap:20px;margin-top:43px;display:grid}.staff-capabilities>div{color:#c0bedc;align-items:center;gap:13px;font-size:11px;display:flex}.staff-capabilities svg{stroke-width:1.5px;color:#aca1dd}.staff-brand-foot{color:#8b88b2;z-index:1;align-items:center;gap:8px;margin:0;font-size:9px;display:flex}.staff-login-form{flex-direction:column;justify-content:space-between;min-height:100vh;padding:45px 11% 27px;display:flex}.staff-back-link{color:#68758a;align-items:center;gap:8px;width:fit-content;font-size:10px;display:flex}.staff-login-form-inner{width:100%;max-width:360px;margin:60px auto}.staff-login-lock{color:#6c61a3;background:#f1effa;border-radius:13px;place-items:center;width:55px;height:55px;margin-bottom:25px;display:grid}.staff-login-form-inner .staff-login-eyebrow{margin-bottom:11px;font-size:8px}.staff-login-form-inner h2{letter-spacing:-1px;color:#303c51;margin:0 0 9px;font-size:29px;font-weight:600}.staff-login-form-inner>p{color:#68758a;margin:0 0 30px;font-size:11px}.staff-login-form form{margin-top:29px}.staff-login-form label{color:#7c8797;margin-bottom:21px;font-size:10px;font-weight:500;display:block}.staff-login-form input{color:#566176;background:#fff;border:1px solid #e0e4eb;border-radius:7px;outline:none;width:100%;min-width:0;margin-top:8px;padding:13px 14px;font-size:11px}.staff-login-form input:focus{outline-offset:0;border-color:#5448db;outline:2px solid #5448db1a}.staff-login-form input::placeholder{color:#738094}.staff-password-field{position:relative}.staff-password-field input{padding-right:45px}.staff-password-field button{color:#a4adba;background:0 0;place-items:center;padding:3px;display:grid;position:absolute;top:18px;right:11px}.staff-sign-in{color:#fff;background:#5448db;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:27px;padding:13px 15px;font-size:11px;font-weight:500;display:flex;box-shadow:0 3px 5px #261c7515}.staff-sign-in:hover{background:#463ac2}.staff-sign-in:disabled{opacity:.5;cursor:wait}.staff-access-note{color:#69758a;justify-content:center;align-items:center;gap:6px;margin:13px 0 0;font-size:8px;display:flex}.staff-login-error{color:#b87d73;background:#fdf1ef;border:1px solid #f3d9d4;border-radius:6px;padding:11px 13px;font-size:10px;line-height:1.7}.staff-demo-accounts{color:#69758a;background:#fafafd;border:1px solid #ececf3;border-radius:7px;margin-top:26px;padding:11px 13px;font-size:9px}.staff-demo-accounts summary{cursor:pointer}.staff-demo-accounts p{overflow-wrap:anywhere;margin:13px 0 0;font-size:9px;line-height:1.9}.staff-customer-link{color:#69758a;justify-content:center;align-items:center;gap:5px;margin-top:28px;font-size:10px;display:flex}.staff-customer-link a{color:#8176ae;align-items:center;gap:4px;display:flex}.staff-login-footer{color:#738094;text-align:center;margin:0;font-size:8px}.staff-login-form button:focus-visible,.staff-login-form a:focus-visible{outline-offset:3px;outline:2px solid #5448db}@media (min-width:1600px){.staff-brand-content h1{font-size:64px}.staff-brand-content>p{max-width:450px;font-size:14px}.staff-capabilities>div{font-size:13px}.staff-login-form-inner{max-width:400px}.staff-login-form-inner h2{font-size:34px}.staff-login-form-inner>p{font-size:13px}.staff-login-form label{font-size:12px}.staff-login-form input{font-size:13px}.staff-sign-in{padding:15px;font-size:13px}.staff-brand-link img{width:145px}}@media (max-width:1000px){.staff-login-page{grid-template-columns:1fr 1fr}.staff-login-brand{padding:35px 35px 30px}.staff-brand-content h1{font-size:46px}.staff-login-form{padding:35px 35px 25px}.staff-brand-link span{padding-left:12px;font-size:7px}.staff-brand-link{gap:12px}.staff-brand-link img{width:105px}.staff-brand-content>p{font-size:11px}.staff-desktop-break{display:none}}@media (max-width:760px){.staff-login-page{display:block}.staff-login-brand{min-height:0;padding:23px 26px}.staff-brand-content,.staff-brand-foot{display:none}.staff-brand-link{justify-content:space-between;width:100%}.staff-brand-link span{letter-spacing:2px;border:0;max-width:none}.staff-brand-link img{width:95px}.staff-login-form{min-height:calc(100vh - 85px);padding:26px 27px}.staff-login-form-inner{max-width:380px;margin:45px auto}.staff-login-form-inner h2{font-size:30px}.staff-login-form input{padding:14px;font-size:13px}.staff-login-form label{font-size:11px}.staff-sign-in{padding:14px;font-size:12px}.staff-back-link,.staff-customer-link{font-size:11px}.staff-access-note{font-size:9px}}