.login-page{--login-ink:#172333;--login-muted:#596a7d;--login-line:#dce5ee;min-height:100dvh;color:var(--login-ink);font-family:var(--font-sohne,sans-serif);background:#f8fbff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.login-page:before{content:none}.login-showcase{isolation:isolate;color:#fff;background:#123665;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(2.5rem,4vw,4.75rem);display:flex;position:relative;overflow:hidden}.login-showcase:before{z-index:-1;content:"";pointer-events:none;background:0 0;animation:18s ease-in-out infinite alternate login-atmosphere;position:absolute;inset:-12%}.login-showcase:after{z-index:-1;content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:50%;width:32rem;height:32rem;position:absolute;top:-20rem;right:-12rem}.login-showcase-top{justify-items:start;gap:clamp(1.5rem,3vh,2.75rem);display:grid}.login-back-link{color:#e1ebf9;align-items:center;gap:.65rem;min-height:44px;font-size:.8125rem;display:inline-flex}.login-back-link:hover{color:#fff}.login-showcase-logo{object-fit:contain;object-position:left;background:#fff;border-radius:.5rem;max-width:12rem;max-height:3.5rem;padding:.4rem .6rem}.login-showcase-brand{font-family:var(--font-signifier,serif);font-size:1.75rem}.login-showcase-copy{width:min(100%,34rem);padding:2rem 0}.login-showcase-copy h2{color:#fff;max-width:15ch;font-family:var(--font-signifier,serif);letter-spacing:-.035em;margin-top:1rem;font-size:clamp(2.3rem,3.3vw,3.65rem);font-weight:400;line-height:1.08}.login-showcase-intro>p{color:#d7e4f5;max-width:29rem;margin-top:.85rem;font-size:.9375rem;line-height:1.6}.login-preview{background:#ffffffa8;border:1px solid #ffffffe6;border-radius:22px;margin-top:1.75rem;padding:.85rem;animation:.65s ease-out both login-preview-enter;box-shadow:0 24px 60px -28px #22507b66,0 5px 16px #385e8214}.login-preview-heading{color:#355a7b;justify-content:space-between;align-items:center;gap:1rem;padding:.15rem .25rem .8rem;font-size:.75rem;font-weight:600;display:flex}.login-preview-controls{gap:.35rem;margin:-.2rem 0 .5rem;display:flex}.login-preview-controls button{color:#426783;border:0;border-radius:10px;min-height:44px;padding:0 .8rem;font-size:.75rem;font-weight:600}.login-preview-controls button[aria-pressed=true]{color:#174c7c;background:#dfedfa}.login-preview-controls button:hover{background:#e9f3fc}.login-preview-body{gap:.7rem;display:grid}.login-preview-chart{min-height:210px;animation:.26s ease-out both login-reveal}.login-preview-chart>div{box-shadow:0 5px 18px #23436414}.login-preview-chart>div>.mb-2>div>span.text-\[\#777b86\],.login-preview-chart>div>.grid>.text-\[\#777b86\]>span:first-child{color:#596a7d}.login-showcase-note{color:#d7e4f5;border-top:1px solid #ffffff3d;align-items:center;gap:.5rem;padding-top:1.25rem;font-size:.8125rem;display:flex}.login-content{background:#f5f8fc;justify-content:center;align-items:center;min-width:0;padding:4rem 2rem;display:flex}.login-card{background:#fff;border:1px solid #e4edf5;border-radius:24px;width:min(100%,29rem);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 25px 70px -38px #1f486f4d,0 4px 16px #1f486f0d}.login-card label.text-slate-gray,.login-card>div:last-child>div>span.text-slate-gray{color:var(--login-muted)}.login-card-header h1{font-family:var(--font-signifier,serif);letter-spacing:-.035em;margin-top:.75rem;font-size:clamp(2.25rem,3vw,3rem);font-weight:400;line-height:1.1}.login-card-header>p:last-child{color:var(--login-muted);margin-top:.75rem;font-size:.9375rem;line-height:1.5}.login-card-brand{color:#285883;font-size:.8125rem;font-weight:600}.login-card-brand span{color:#d8946d}.login-mobile-logo{object-fit:contain;object-position:left;max-width:10rem;max-height:2.5rem;margin-bottom:1.25rem;display:none}.login-divider{color:var(--login-muted);align-items:center;gap:.875rem;font-size:.75rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--login-line);flex:1;height:1px}.login-card a{align-items:center;min-height:44px;display:inline-flex}.login-card input{background:#f8fbfe;min-height:2.875rem}.login-card input:focus-visible{outline-offset:2px;outline:2px solid #3776ae}.login-page :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #9c522a}.login-card button{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,opacity .18s}.login-card .login-field{transition:border-color .18s,box-shadow .18s,background-color .18s}.login-card .login-field:focus{background:#fff;border-color:#6393bf;box-shadow:0 0 0 3px #e1effb}.login-card .login-social:hover{background:#f2f8fe;border-color:#b4cde3;box-shadow:0 4px 12px #2b5d8914}.login-card .login-submit{background:#1b4f8a;box-shadow:0 5px 14px #1b4f8a33}.login-card .login-submit:hover{background:#153e6d}.login-card :is(.login-submit,.login-social):active{box-shadow:inset 0 2px 5px #0f2a4633}.login-step{animation:.24s ease-out both login-reveal}.login-error{animation:.2s ease-out both login-reveal}.login-spinner{animation:1s linear infinite login-spin}@keyframes login-atmosphere{to{transform:translate(3%,-2%)}}@keyframes login-preview-enter{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes login-reveal{0%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width<=1023px){.login-page{background:#f5f8fc;display:block}.login-page:before{z-index:0;content:"";pointer-events:none;background:0 0;animation:18s ease-in-out infinite alternate login-atmosphere;position:fixed;inset:0}.login-showcase{display:none}.login-content{z-index:1;background:0 0;min-height:100dvh;padding:3rem 1.25rem;position:relative}.login-mobile-logo{display:block}}@media (height<=900px){.login-showcase{padding-block:clamp(1.25rem,3vh,2rem)}.login-showcase-top{gap:clamp(.5rem,1.5vh,1.25rem)}.login-showcase-copy{padding:.75rem 0}.login-showcase-copy h2{margin-top:.65rem;font-size:clamp(2rem,3vw,3rem)}.login-showcase-intro>p{margin-top:.5rem}.login-preview{margin-top:1rem}.login-showcase-note{padding-top:.6rem}.login-content{padding-block:clamp(1rem,3vh,2rem)}.login-card{padding-block:clamp(1.25rem,3vh,2rem)}.login-card>*+*{margin-top:1rem}.login-card>div:last-child{padding-top:.75rem}.login-card>div:last-child>*+*{margin-top:.25rem}}@media (width>=1024px) and (height<=820px){.login-showcase,.login-content{padding-block:.75rem}.login-showcase-copy{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-content:center;align-items:center;column-gap:1rem;width:100%;display:grid}.login-showcase-copy h2{font-size:clamp(1.85rem,2.5vw,2.6rem)}.login-showcase-intro>p{font-size:.875rem}.login-preview{grid-area:1/2;margin-top:0}.login-preview-chart{min-height:0}}@media (width<=1023px) and (height<=900px){.login-content{align-items:flex-start}.login-card{margin-block:auto}.login-card-header h1,.login-card-header>p:last-child{margin-top:.4rem}}@media (prefers-reduced-motion:reduce){.login-page:before,.login-page *,.login-page :before,.login-page :after{transition:none!important;animation:none!important}}.login-preview{color:#172333;background:#fff;border-radius:16px;padding:1rem}.login-preview-heading{color:#172333;padding:0 0 .5rem}.login-preview-heading strong,.login-preview-heading span{display:block}.login-preview-heading strong{font-size:.875rem}.login-preview-heading span{color:#596a7d;margin-top:.2rem;font-size:.6875rem;font-weight:400}.login-preview-controls{border-bottom:1px solid #d3e2fa;margin:0 0 .35rem}.login-preview-controls button{border-bottom:2px solid #0000;border-radius:0}.login-preview-controls button[aria-pressed=true]{background:0 0;border-bottom-color:#1b4f8a}.login-card{padding:1.25rem 2rem}.login-card>*+*{margin-top:.625rem}.login-card-header h1{margin-top:.35rem;font-size:clamp(2rem,2.8vw,2.5rem)}.login-card-header>p:last-child{margin-top:.35rem}.login-card>div:last-child{padding-top:.5rem}.login-card>div:last-child>*+*{margin-top:0}.login-card form>*+*{margin-top:.625rem}.login-card .login-submit{margin-top:0}.login-card .login-social+.login-social{margin-top:.375rem}@media (width<=1023px){.login-content{align-items:flex-start;padding:24px 1.25rem}.login-card{margin-block:0;padding:1.25rem 1.5rem}.login-mobile-logo{margin-bottom:.5rem}}@media (width>=1024px){.login-showcase{justify-content:flex-start;gap:1rem;padding:24px clamp(24px,3vw,48px)}.login-showcase-copy{width:100%;padding:0}.login-showcase-note{margin-top:auto}.login-content{align-items:flex-start;padding:24px clamp(24px,3vw,48px)}.login-card{width:min(100%,33rem);margin-block:auto}}
