.login-page.brand-login{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:48px 24px;overflow:clip;background:radial-gradient(ellipse at 8% 15%,#143e45 0,transparent 48%),radial-gradient(ellipse at 95% 85%,#173c69 0,transparent 48%),#10273b}.brand-login .login-art{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(/packaging-pattern.svg) 50%/cover no-repeat}.brand-login .login-card{width:460px;max-width:100%;min-width:0;padding:40px 42px 27px;border:1px solid #d6e0e9;border-radius:20px;background:#fff;box-shadow:0 28px 90px #030e2355}.brand-login .login-brand{display:flex;justify-content:center;padding:0 0 25px;border-bottom:1px solid #e0e7ed}.brand-login .login-brand img{display:block;width:208px;height:auto;margin:0}.brand-login .login-heading{text-align:center;margin:25px 0 27px}.brand-login .login-heading h1{margin:0 0 10px;font-size:29px;line-height:1.3;letter-spacing:-.8px;color:#172b42}.brand-login .login-heading p{margin:0;font-size:14px;line-height:1.75;color:#526176}.brand-login .login-fields{margin:0;padding:0;border:0;min-width:0}.brand-login .login-fields label{display:block;margin:0 0 8px;font-size:14px;font-weight:700;color:#30455c}.brand-login .login-fields .password-label{margin-top:22px}.brand-login .login-fields input{width:100%;height:50px;margin:0;border:1px solid #96a9be;border-radius:8px;padding:12px 14px;font-size:16px;line-height:1.5;color:#172b42;background:#fff}.brand-login .login-fields input::placeholder{color:#637389}.brand-login .login-fields input:focus{border-color:#226bc8;outline:3px solid #236ec329;outline-offset:1px}.brand-login .login-password-field{position:relative}.brand-login .login-password-field input{padding-right:54px}.brand-login .password-toggle{position:absolute;inset:3px 4px 3px auto;width:44px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#50667e}.brand-login .password-toggle:hover{background:#eef4fa;color:#204d7d}.brand-login .login-submit{min-height:52px;width:100%;margin:26px 0 0;justify-content:center;border-radius:8px;font-size:18px;font-weight:700;background:#226bd0;border-color:#226bd0;box-shadow:0 3px 7px #226bd01c}.brand-login .login-submit:hover{background:#185bb8;border-color:#185bb8}.brand-login .login-submit:disabled{opacity:1;background:#456b98;border-color:#456b98}.brand-login .login-card .login-help{margin:21px 0 23px;text-align:center;font-size:13px;line-height:1.75;color:#526176}.brand-login .login-security{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:20px;border-top:1px solid #e0e7ed;color:#526176;font-size:12px}.brand-login .login-error{display:flex;gap:9px;align-items:flex-start;margin:18px 0 -8px;font-size:13px}.brand-login .login-error svg{flex-shrink:0;margin-top:2px}.brand-login .caps-lock-note{margin:8px 0 0;color:#815b11;font-size:13px}@media (max-width:600px){.login-page.brand-login{padding:28px 18px}.brand-login .login-card{padding:30px 25px 23px;border-radius:16px}.brand-login .login-brand img{width:192px}.brand-login .login-heading h1{font-size:27px}.brand-login .login-art{background-size:auto 100%;opacity:.7}}@media (max-width:360px){.brand-login .login-card{padding:26px 20px 22px}.brand-login .login-heading p{font-size:13px}.brand-login .login-security{font-size:11px}}