.login-page{min-height:100svh;color:var(--ink);background:var(--paper)}.login-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:1.35rem var(--pad);mix-blend-mode:difference;color:#fff}.close-login{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid currentColor;border-radius:50%;font-size:1.35rem;transition:transform .25s}.close-login:hover{transform:rotate(90deg)}.login-layout{display:grid;grid-template-columns:1.05fr .95fr;min-height:100svh}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:8rem var(--pad) 4rem;color:#fff;background:var(--blue)}.login-brand h1{position:relative;z-index:2;margin:2.5rem 0;font-size:clamp(4.3rem,7.7vw,8rem);line-height:.78;letter-spacing:-.08em}.login-brand h1 span{color:var(--acid);font-family:Georgia,serif;font-style:italic;font-weight:400;white-space:nowrap}.brand-intro{position:relative;z-index:2;max-width:34rem;font-size:1.05rem;line-height:1.5}.benefit-list{position:relative;z-index:2;display:grid;max-width:36rem;margin:3rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.3)}.benefit-list li{display:grid;grid-template-columns:2rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.3)}.benefit-list>li>span{font-size:.57rem;color:var(--acid)}.benefit-list p{margin:0;font-size:.75rem;line-height:1.4;color:#cbd1ff}.benefit-list b{display:block;margin-bottom:.15rem;color:#fff;font-size:.88rem}.login-signal{position:absolute;right:-15rem;top:-12rem;width:42rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:orbit 20s linear infinite}.login-signal::before,.login-signal::after{content:"";position:absolute;width:72%;height:28%;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(48deg)}.login-signal::after{transform:rotate(-48deg)}.login-signal i{position:absolute;inset:18%;border:1px solid rgba(255,255,255,.14);border-radius:50%}.login-signal i:nth-child(2){inset:34%}.login-signal i:nth-child(3){inset:46%;background:var(--acid)}.login-signal strong{position:relative;z-index:2;color:var(--blue);font-size:4rem}.account-panel{display:flex;align-items:center;justify-content:center;padding:7rem clamp(1.5rem,7vw,7rem) 4rem;background:var(--paper)}.account-view{width:100%;max-width:34rem}.account-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}.account-loading[hidden],.account-view[hidden]{display:none}.form-index{margin:0 0 1.5rem;font-size:.61rem;text-transform:uppercase;letter-spacing:.14em;color:#686761}.account-view h2{margin:0;font-size:clamp(3.5rem,6vw,6.2rem);line-height:.82;letter-spacing:-.07em}.form-lede{max-width:26rem;margin:1.4rem 0 2.8rem;line-height:1.5;color:#64635e}.field{display:block;margin-top:1.2rem}.field>span:first-child{display:flex;justify-content:space-between;margin-bottom:.55rem;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.field i{font-style:normal;font-weight:400;color:#777}.field input{width:100%;height:3.7rem;padding:0 .9rem;border:1px solid #999;border-radius:0;background:transparent;font:inherit;font-size:1rem;outline:none;transition:border .2s,box-shadow .2s}.field input:focus{border-color:var(--blue);box-shadow:inset 4px 0 0 var(--blue)}.field input[aria-invalid=true]{border-color:var(--orange);box-shadow:inset 4px 0 0 var(--orange)}.password-wrap{position:relative;display:block!important;margin:0!important}.password-wrap input{padding-right:4.5rem}.password-wrap button{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);padding:.3rem;border:0;border-bottom:1px solid;background:none;font-size:.59rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.2rem 0 2rem}.check{display:flex;align-items:center;gap:.55rem;font-size:.68rem}.check input{accent-color:var(--blue)}.text-button,.switch-view button,.back-button{padding:0;border:0;border-bottom:1px solid;background:none;font:inherit;font-size:.68rem;cursor:pointer}.form-message{min-height:1.2rem;margin:0 0 .7rem;font-size:.72rem;line-height:1.4;color:#b43b20}.form-message.is-success{color:#237a3b}.submit-button{display:flex;width:100%;min-height:4.1rem;align-items:center;justify-content:space-between;padding:0 1.2rem;border:1px solid var(--ink);color:#fff;background:var(--ink);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background .2s,color .2s}.submit-button:hover{color:var(--ink);background:var(--acid)}.submit-button:disabled{cursor:wait;opacity:.55}.submit-button b{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid;border-radius:50%}.switch-view{margin:2rem 0 0;text-align:center;font-size:.75rem;color:#676660}.switch-view button{margin-left:.25rem;color:var(--ink);font-weight:700}.form-note{margin:1.3rem 0;font-size:.62rem;line-height:1.5;color:#777}.back-button{margin-bottom:2rem}.account-summary{display:grid;gap:0;margin:2.5rem 0;border-top:1px solid var(--line)}.account-summary>div{display:grid;gap:.4rem;padding:1rem 0;border-bottom:1px solid var(--line)}.account-summary span{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:#777}.account-summary b{font-size:.95rem}.account-name{margin:1rem 0;color:#676660}.logout-button{width:100%;margin-top:.75rem;padding:1rem;border:0;background:none;text-decoration:underline;cursor:pointer}.status-bars{display:flex;gap:4px;height:2.5rem;align-items:end}.status-bars i{display:block;width:6px;background:var(--blue);animation:guide-bars .7s ease-in-out infinite alternate}.status-bars i:first-child{height:35%}.status-bars i:nth-child(2){height:100%;animation-delay:-.25s}.status-bars i:last-child{height:60%;animation-delay:-.5s}@keyframes guide-bars{to{height:20%}}
@media(max-width:900px){.login-header{mix-blend-mode:normal;color:#fff}.login-layout{grid-template-columns:1fr}.login-brand{min-height:72svh;padding-top:8rem}.account-panel{min-height:80svh}.benefit-list{display:none}}
@media(max-width:520px){.login-brand{min-height:62svh}.login-brand h1{font-size:4.2rem}.account-panel{padding-left:1.25rem;padding-right:1.25rem}.account-view h2{font-size:3.7rem}.form-row{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.login-signal,.status-bars i{animation:none}}
.login-header{mix-blend-mode:normal}.login-header .logo{filter:none;isolation:isolate}