.connection-login{--accent:#3378e6;--ink:#1c1c1e;--muted:#808085;min-height:100svh;color:var(--ink);background:radial-gradient(700px 540px at -7% -12%,#c5d6f79e,#0000 64%),radial-gradient(620px 500px at 108% 106%,#d2e1d585,#0000 67%),#f2f2f7;flex-direction:column;padding:32px 24px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;display:flex;overflow-x:hidden}.connection-login *{box-sizing:border-box}.connection-login__content{grid-template-columns:484px 340px;align-items:center;gap:76px;width:min(900px,100%);margin:auto;display:grid}.login-presentation{padding:5px 0}.login-wordmark{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-brand-mark{border-radius:10px;width:36px;height:36px;display:block;box-shadow:0 5px 13px #1d2b4929}.login-wordmark strong,.login-wordmark span{display:block}.login-wordmark strong{letter-spacing:-.2px;font-size:14px;font-weight:700;line-height:17px}.login-wordmark span{color:#8a8a90;margin-top:1px;font-size:10px;line-height:13px}.login-presentation h1{letter-spacing:-1.45px;margin:0;font-size:36px;font-weight:750;line-height:40px}.login-presentation__lead{width:470px;max-width:100%;color:var(--muted);margin:16px 0 0;font-size:14px;line-height:20px}.login-demo-grid{grid-template-columns:264px 208px;gap:12px;margin-top:24px;display:grid}.login-demo-stack{grid-template-rows:1fr 1fr;gap:12px;display:grid}.login-demo-card{background:#fcfcfe;border-radius:18px;box-shadow:0 14px 34px #262c4617}.login-demo-card--usage{min-height:206px;padding:18px}.demo-kicker{color:#838388;margin:0;font-size:10px;line-height:13px}.demo-value{letter-spacing:-.7px;margin-top:7px;font-size:28px;line-height:31px;display:block}.demo-positive{color:#249b56;align-items:center;gap:4px;margin:5px 0 12px;font-size:9px;line-height:12px;display:flex}.demo-positive span{color:#fff;background:#2ca55e;border-radius:50%;place-items:center;width:10px;height:10px;display:grid}.demo-positive svg{stroke-width:2.5px;width:8px;height:8px}.demo-meter{background:#e5e5e8;border-radius:10px;height:3px;position:relative}.demo-meter i{background:#3378e6;border-radius:10px;width:35%;height:3px;position:absolute;top:0;left:0}.demo-meter b{background:#f7a120;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000000a}.demo-meter-label{color:#818187;justify-content:space-between;margin-top:12px;font-size:9px;display:flex}.demo-meter-label strong{color:#4a4a4f;font-weight:700}.demo-divider{background:#e9e9ec;height:1px;margin:12px 0}.demo-renewal{grid-template-columns:14px 1fr auto;align-items:center;gap:7px;display:grid}.demo-renewal__icon{color:#3378e6;width:13px}.demo-renewal div span,.demo-renewal div strong{display:block}.demo-renewal div span{color:#8b8b90;font-size:8px;line-height:10px}.demo-renewal div strong{font-size:9px;line-height:12px}.demo-renewal>b{font-size:9px}.login-demo-card--device,.login-demo-card--assistant{grid-template-columns:17px 1fr;align-content:center;gap:9px;padding:14px;display:grid}.demo-card-icon{color:#3378e6;width:16px}.login-demo-card--device strong,.login-demo-card--assistant strong{font-size:10px;line-height:13px;display:block}.login-demo-card--device p,.login-demo-card--assistant p{color:#85858a;margin:4px 0 0;font-size:9px;line-height:12px}.login-presentation__note{color:#8b8b90;margin:17px 0 0;font-size:10px;line-height:14px}.login-auth-column{width:340px}.login-card{background:#fcfcfe;border-radius:25px;padding:31px 24px 25px;box-shadow:0 20px 60px #1e23411a}.login-card__title{text-align:center;letter-spacing:-.35px;margin:0 0 21px;font-size:20px;font-weight:750;line-height:25px}.login-compact-brand{display:none}.login-form{flex-direction:column;display:flex}.login-form__field{flex-direction:column;gap:5px;display:flex}.login-form__field+.login-form__field{margin-top:13px}.login-form__field label{color:#737378;font-size:11px;font-weight:600;line-height:14px}.login-form__input{height:38px;box-shadow:none;color:#1c1c1e;background:#eeeef1;border:1px solid #0000;border-radius:10px;padding:0 12px;font-size:12px}.login-form__input::placeholder{color:#8b8b90;opacity:1}.login-form__input:focus-visible{background:#fff;border-color:#3378e6;box-shadow:0 0 0 3px #3378e62e}.login-form__field[data-invalid=true] .login-form__input{border-color:#df5b5b}.login-form__field-error{font-size:10px;line-height:13px}.login-form .relative .login-form__input{padding-right:40px}.login-form .relative [data-slot=button]{color:#85858a;border-radius:10px;width:38px;height:38px}.login-form .relative svg{width:17px;height:17px}.login-form__error{color:#b53d3d;background:#fff0f0;border-radius:9px;margin:12px 0 0;padding:8px 10px;font-size:10px;line-height:13px}.login-form__submit{color:#fff;background:#3378e6;border:0;border-radius:11px;width:100%;height:40px;margin-top:11px;font-size:13px;font-weight:700;box-shadow:0 7px 13px #3378e63b}.login-form__submit:hover{background:#286cd8}.login-form__submit:active{background:#2362c5;transform:translateY(1px)}.login-form__submit:disabled{opacity:.65;box-shadow:none}.login-form__forgot-email{color:#1665dc;align-self:center;margin-top:12px;font-size:11px;font-weight:600;line-height:14px;text-decoration:none}.login-form__forgot-email:hover{text-decoration:underline}.login-form__explanation{color:#78787e;grid-template-columns:13px 1fr;align-items:start;gap:7px;margin-top:14px;display:grid}.login-form__explanation svg,.login-form__info svg{fill:none;stroke:#3378e6;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:13px;height:13px}.login-form__explanation p{margin:0;font-size:10px;line-height:14px}.login-form__info{background:#e3ecfb;border-radius:12px;grid-template-columns:15px 1fr;align-items:start;gap:8px;margin-top:17px;padding:13px;display:grid}.login-form__info p{margin:0;font-size:10px;line-height:13px}.login-form__info strong{font-weight:750}.login-privacy-note{color:#7e7e84;grid-template-columns:13px 1fr;align-items:start;gap:7px;margin-top:17px;display:grid}.login-privacy-note svg{width:13px;height:13px}.login-privacy-note p{margin:0;font-size:10px;line-height:14px}.login-support{text-align:center;color:#7e7e84;max-width:330px;margin:15px auto 0;font-size:10px;line-height:14px}.login-support a,.login-footer a{color:#1665dc;text-decoration:none}.login-support a:hover,.login-footer a:hover{text-decoration:underline}.login-footer{color:#7b7b81;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin-top:18px;font-size:10px;line-height:14px;display:flex}.login-footer a{color:inherit}@media (width<=959px){.connection-login{padding:28px 16px 24px}.connection-login__content{width:min(420px,100%);margin:auto;display:block}.login-presentation{display:none}.login-auth-column{width:100%}.login-card{border-radius:32px;padding:30px 28px 26px}.login-card__title{display:none}.login-compact-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.login-brand-mark--large{border-radius:25px;width:84px;height:84px;box-shadow:0 12px 22px #1d2b4926}.login-compact-brand h1{letter-spacing:-1px;margin:23px 0 0;font-size:30px;font-weight:750;line-height:36px}.login-compact-brand p{color:#808085;margin:10px 0 23px;font-size:15px;line-height:22px}.login-form__field{gap:6px}.login-form__field+.login-form__field{margin-top:13px}.login-form__field label{font-size:13px;line-height:17px}.login-form__input{border-radius:12px;height:48px;padding:0 14px;font-size:16px}.login-form .relative .login-form__input{padding-right:48px}.login-form .relative [data-slot=button]{width:48px;height:48px}.login-form__field-error{font-size:12px}.login-form__error{font-size:12px;line-height:16px}.login-form__submit{border-radius:14px;height:48px;margin-top:12px;font-size:16px}.login-form__forgot-email{margin-top:13px;font-size:13px;line-height:18px}.login-form__explanation{grid-template-columns:15px 1fr;gap:9px;margin-top:17px}.login-form__explanation svg,.login-form__info svg{width:15px;height:15px}.login-form__explanation p{font-size:13px;line-height:19px}.login-form__info{border-radius:14px;grid-template-columns:17px 1fr;gap:10px;margin-top:20px;padding:14px}.login-form__info p{font-size:13px;line-height:18px}.login-privacy-note{grid-template-columns:15px 1fr;gap:9px;margin-top:18px}.login-privacy-note svg{width:15px;height:15px}.login-privacy-note p,.login-support{font-size:12px;line-height:17px}.login-support{max-width:390px;margin-top:17px}.login-footer{gap:14px;margin-top:19px;font-size:12px;line-height:17px}}@media (width<=390px){.connection-login{padding:16px 12px 20px}.login-card{border-radius:27px;padding:25px 20px 22px}.login-brand-mark--large{border-radius:22px;width:72px;height:72px}.login-compact-brand h1{margin-top:18px;font-size:28px}.login-compact-brand p{margin-bottom:20px;font-size:14px;line-height:20px}.login-form__explanation p,.login-form__info p{font-size:12px;line-height:17px}}
