.login-page{margin:0;background:#fafbf9;color:#172f3e;font-family:var(--login-font, "Inter Variable"),system-ui,sans-serif;font-size:var(--login-size, 13px);line-height:1.55;-webkit-font-smoothing:antialiased;color-scheme:light;--login-ink:#172f3e;--login-muted:#5e6e78;--login-link:color-mix(in srgb,var(--login-accent) 82%,black)}.login-page *,.login-page *::before,.login-page *::after{box-sizing:border-box}.login-page [hidden]{display:none !important}.login-page a{color:inherit;text-decoration:none}.login-page button,.login-page input{font:inherit}.login-page button{cursor:pointer}.login-page a:focus-visible,.login-page button:focus-visible,.login-page summary:focus-visible{outline:3px solid var(--login-accent);outline-offset:5px;border-radius:4px}.login-page a:hover{text-decoration:underline;text-underline-offset:4px}.login-page .login-skip{position:fixed;top:12px;left:12px;transform:translateY(-180%);z-index:10;padding:12px 18px;background:#fff;color:var(--login-ink);border-radius:6px}.login-page .login-skip:focus{transform:translateY(0)}.login-page .login-screen{display:grid;grid-template-columns:minmax(0, 1.08fr) minmax(480px, 1fr);min-height:100vh;min-height:100svh}.login-page .login-story{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:44px clamp(32px,4.6vw,90px) 28px;background:var(--login-panel);color:#fff}.login-page .login-story__image,.login-page .login-story__shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.login-page .login-story__image{object-fit:cover;object-position:var(--login-image-position, 52% center)}.login-page .login-story__shade{z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--login-panel) 42%, transparent), transparent 36%, color-mix(in srgb, var(--login-panel) 80%, transparent) 85%)}.login-page .login-brand{display:flex;align-items:center;gap:15px;width:fit-content}.login-page .login-brand:hover{text-decoration:none}.login-page .login-brand__crest{flex:0 0 62px;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.0431372549)}.login-page .login-brand__crest img{width:44px;height:44px;object-fit:contain}.login-page .login-brand__name{font-size:calc(var(--login-size)*1.154);line-height:1.5;font-weight:650;max-width:290px}.login-page .login-brand__name small{display:block;margin-top:3px;color:#d1dbe2;font-size:calc(var(--login-size)*.923);font-weight:400}.login-page .login-story__content{margin-top:auto;padding-top:210px;padding-bottom:68px}.login-page .login-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 23px;font-size:calc(var(--login-size)*.846);font-weight:550;letter-spacing:.15em;text-transform:uppercase;color:#e2e9ed}.login-page .login-eyebrow span{width:32px;height:2px;background:var(--login-detail)}.login-page .login-story h2{margin:0;color:#fff;font-size:clamp(36px,3.75vw,72px);line-height:1.11;letter-spacing:-0.045em;font-weight:650}.login-page .login-story h2 span{display:block;color:color-mix(in srgb, var(--login-detail) 76%, #fff)}.login-page .login-story__description{max-width:365px;margin:24px 0 0;font-size:calc(var(--login-size)*1.154);line-height:1.8;color:#d1dce4}.login-page .login-topics{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:0;margin:28px 0 0;list-style:none;color:#e6ecf0;font-size:calc(var(--login-size)*.923)}.login-page .login-topics li+li::before{content:"";display:inline-block;width:3px;height:3px;margin:0 22px 3px 0;background:var(--login-detail);border-radius:50%}.login-page .login-story__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1803921569);font-size:calc(var(--login-size)*.846);color:#d1dce4}.login-page .login-story__footer a span{margin-left:8px;color:color-mix(in srgb, var(--login-detail) 70%, white);font-size:17px}.login-page .login-main{display:flex;flex-direction:column;padding:44px clamp(32px,4.6vw,90px) 28px;border-top:4px solid var(--login-detail);min-width:0}.login-page .login-main__top{display:flex;align-items:center;gap:9px;color:var(--login-muted);font-size:calc(var(--login-size)*.846)}.login-page .login-product-mark{width:12px;height:12px;border:1px solid var(--login-accent);border-radius:3px;box-shadow:inset 3px 0 var(--login-accent)}.login-page .login-form-area{width:100%;max-width:400px;margin:auto;padding:80px 0}.login-page .login-heading{margin-bottom:32px}.login-page .login-heading__line{display:block;width:38px;height:3px;margin-bottom:23px;background:var(--login-detail)}.login-page .login-heading h1{margin:0 0 12px;font-size:calc(var(--login-size)*2.46);line-height:1.22;font-weight:650;letter-spacing:-0.045em;color:var(--login-ink)}.login-page .login-heading p{margin:0;font-size:calc(var(--login-size)*1.077);color:var(--login-muted);line-height:1.75;max-width:360px}.login-page .login-field{margin-bottom:22px}.login-page .login-field label{display:block;margin-bottom:8px;color:var(--login-ink);font-size:calc(var(--login-size)*1.077);font-weight:550}.login-page .login-input-wrap{position:relative}.login-page .login-input-wrap input{display:block;width:100%;height:54px;padding:12px 48px;border:1px solid #bfcbd2;border-radius:7px;background:#fff;color:var(--login-ink);font-size:calc(var(--login-size)*1.154);line-height:1.4;outline:none;transition:border-color .15s,box-shadow .15s}.login-page .login-input-wrap input::placeholder{color:#73828c;opacity:1}.login-page .login-input-wrap input:hover{border-color:#8196a4}.login-page .login-input-wrap input:focus{border-color:var(--login-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--login-accent) 15%, transparent)}.login-page .login-input-wrap input[aria-invalid=true]{border-color:#b54132}.login-page .login-input-icon{position:absolute;width:19px;height:19px;top:17px;left:17px;color:#6f828e;pointer-events:none}.login-page .login-input-wrap:focus-within .login-input-icon{color:var(--login-link)}.login-page .login-password-toggle{position:absolute;right:5px;top:5px;width:44px;height:44px;display:grid;place-items:center;background:rgba(0,0,0,0);color:#526b7c;border:0;border-radius:5px;padding:0}.login-page .login-password-toggle:hover{color:var(--login-link);background:#eef3f6}.login-page .login-password-toggle svg{width:20px;height:20px}.login-page .login-caps-lock{color:#815218;font-size:var(--login-size);margin:8px 0 0}.login-page .login-submit{width:100%;min-height:54px;margin-top:6px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(0,0,0,0);border-radius:7px;background:var(--login-link);color:#fff;font-size:calc(var(--login-size)*1.154);font-weight:550;box-shadow:0 5px 12px rgba(19,52,80,.0509803922);transition:background .15s}.login-page .login-submit:hover{background:color-mix(in srgb, var(--login-accent) 65%, black)}.login-page .login-submit svg{width:22px;height:22px}.login-page .login-submit:disabled{opacity:.7;cursor:progress}.login-page .login-help{margin-top:28px;border-top:1px solid #dce3e5;padding-top:23px}.login-page .login-help summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:var(--login-muted);font-size:var(--login-size)}.login-page .login-help summary::-webkit-details-marker{display:none}.login-page .login-help summary:hover{color:var(--login-link)}.login-page .login-help summary svg{flex-shrink:0;width:17px;height:17px;transition:transform .15s}.login-page .login-help[open] summary svg{transform:rotate(180deg)}.login-page .login-help__content{font-size:var(--login-size);line-height:1.7;color:var(--login-muted);padding-top:13px}.login-page .login-help__content p{margin:0 0 10px}.login-page .login-help__content a{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;color:var(--login-link);margin:5px 0}.login-page .login-errors{margin-bottom:24px;padding:15px 17px;border:1px solid #e9b9b1;border-left:3px solid #b54132;border-radius:6px;background:#fff5f2;color:#922e21}.login-page .login-errors strong{font-weight:650}.login-page .login-errors ul{padding-left:18px;margin:5px 0 0}.login-page .login-main__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--login-muted);font-size:calc(var(--login-size)*.846)}@media(min-width: 1600px){.login-page .login-form-area{max-width:420px}}@media(max-width: 1100px){.login-page .login-screen{grid-template-columns:minmax(0, 1fr) minmax(420px, 1fr)}.login-page .login-story,.login-page .login-main{padding-left:32px;padding-right:32px}.login-page .login-story h2{font-size:42px}}@media(max-width: 840px){.login-page .login-screen{display:flex;flex-direction:column}.login-page .login-story{min-height:240px;padding:28px 32px}.login-page .login-brand__crest{width:50px;height:50px;flex-basis:50px}.login-page .login-brand__crest img{width:35px;height:35px}.login-page .login-brand__name{max-width:none;font-size:13px}.login-page .login-brand__name small{font-size:11px}.login-page .login-story__image{object-position:center 44%}.login-page .login-story__shade{background:linear-gradient(90deg, color-mix(in srgb, var(--login-panel) 47%, transparent), color-mix(in srgb, var(--login-panel) 13%, transparent))}.login-page .login-story__content{margin:26px 0 0;padding:0}.login-page .login-story h2{font-size:30px;line-height:1.2}.login-page .login-story h2 span{display:inline;margin-left:.2em}.login-page .login-eyebrow,.login-page .login-story__description,.login-page .login-topics,.login-page .login-story__footer{display:none}.login-page .login-main{flex:1;border-top-width:3px;padding:0 32px 22px}.login-page .login-main__top{display:none}.login-page .login-form-area{max-width:440px;padding:40px 0}.login-page .login-heading__line{display:none}.login-page .login-heading h1{font-size:calc(var(--login-size)*2.15)}.login-page .login-main__footer{max-width:440px;width:100%;margin:0 auto}}@media(max-width: 480px){.login-page .login-story{min-height:204px;padding:25px 24px}.login-page .login-story h2{font-size:27px}.login-page .login-story h2 span{display:block;margin:0}.login-page .login-main{padding-left:24px;padding-right:24px}.login-page .login-form-area{padding:32px 0}.login-page .login-heading{margin-bottom:25px}.login-page .login-input-wrap input{font-size:16px}.login-page .login-main__footer{font-size:10px}}@media(prefers-reduced-motion: reduce){.login-page *,.login-page *::before,.login-page *::after{transition:none !important}}
