.login{background:var(--login-sky);flex:1;place-items:center;min-height:100dvh;padding:48px 24px;display:grid;position:relative;overflow:hidden}.login__gradient{background:linear-gradient(to top, var(--login-gradient-from) var(--login-gradient-from-stop), var(--login-gradient-to) var(--login-gradient-to-stop));opacity:0;animation:login-ground var(--login-ground-dur) var(--login-ease) forwards;pointer-events:none;position:absolute;inset:0}.login__ocean{left:50%;top:var(--login-ocean-top);width:var(--login-ocean-width);transform:translate(-50%, calc(-1 * var(--login-ocean-horizon)));animation:login-fall-ocean var(--login-ocean-dur) var(--login-ease) backwards;pointer-events:none;position:absolute}.login__ocean img{width:100%;height:auto;display:block}.login__ripples{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s linear;position:absolute;inset:0}.login__ripples[data-running]{opacity:1}.login__stage{width:100%;max-width:1100px;margin-top:var(--login-stage-rise);grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid;position:relative}@media (max-width:880px){.login__stage{grid-template-columns:minmax(0,1fr);justify-items:center;gap:32px}.login{--login-ocean-width:224%}}.login__brand{padding-top:var(--login-brand-offset);animation:login-fall-brand var(--login-brand-dur) var(--login-ease) backwards;animation-delay:var(--login-brand-delay);justify-self:center}.login__panel{border-radius:var(--login-panel-radius);background:var(--login-panel-bg);border:1px solid var(--login-panel-border);width:100%;max-width:430px;animation:login-fall-panel var(--login-panel-dur) var(--login-ease) backwards;animation-delay:var(--login-panel-delay);justify-self:center;padding:32px}.login__title{text-transform:uppercase;letter-spacing:var(--micro-cap-tracking);color:var(--login-ink);margin:0 0 18px}.login-form{gap:16px;display:grid}.login-form label{gap:6px;display:grid}.login-form__label{color:var(--login-ink)}.login-form .input{width:100%;height:var(--login-field-height);font-size:var(--login-field-text);box-sizing:border-box;background:var(--login-field-bg);border:1px solid var(--login-field-border);color:var(--login-ink);border-radius:var(--radius-pill);padding:0 18px}.login-form .input:focus{border-color:var(--primary)}.password{display:block;position:relative}.password__input{font-family:var(--type-mono);letter-spacing:0}.password__mask{align-items:center;gap:var(--morse-gap);color:var(--login-ink);pointer-events:none;padding:0 20px;display:flex;position:absolute;inset:0;overflow:hidden}.password__dot,.password__dash{height:var(--morse-weight);background:currentColor;border-radius:999px;flex:none}.password__dot{width:var(--morse-weight)}.password__dash{width:calc(var(--morse-weight) * 2.6)}.password__caret{width:2px;height:calc(var(--login-field-text) * .8);background:currentColor;flex:none;margin-left:2px;animation:1.05s step-end infinite morse-caret}@keyframes morse-caret{0%,55%{opacity:1}56%,to{opacity:0}}@media (scripting:enabled){.login-form .password__input{color:#0000;caret-color:#0000}}.login-form__submit{width:100%;height:var(--control-height-lg);text-transform:uppercase;letter-spacing:var(--tracking-caps,.06em);justify-content:center;margin-top:6px}.login-form .login-form__submit{border:1px solid var(--login-btn-idle);color:var(--login-btn-idle);background:0 0}.login-form .login-form__submit[data-ready]{border-color:var(--login-btn-ready);color:var(--login-btn-ready)}.login-form .login-form__submit:hover{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.login-form__error{color:var(--neg-ink)}.login-form__forgot{color:var(--login-ink-mute);text-align:center;margin:2px 0 0}.login-form__forgot summary{cursor:pointer;list-style:none}.login-form__forgot summary::-webkit-details-marker{display:none}.login-form__forgot summary span{text-underline-offset:3px;text-decoration:underline}.login-form__forgot p{margin:8px 0 0}@keyframes login-ground{0%{opacity:0}to{opacity:1}}@keyframes login-fall-ocean{0%{opacity:0;transform:translate(-50%, calc(-1 * var(--login-ocean-horizon) - var(--login-ocean-drop)))}to{opacity:1;transform:translate(-50%, calc(-1 * var(--login-ocean-horizon)))}}@keyframes login-fall-brand{0%{opacity:0;transform:translateY(calc(-1 * var(--login-brand-drop)))}to{opacity:1;transform:translateY(0)}}@keyframes login-fall-panel{0%{opacity:0;transform:translateY(calc(-1 * var(--login-panel-drop)))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.login__gradient,.login__ocean,.login__brand,.login__panel{animation-duration:1ms;animation-delay:0s}}.login .brand__letter{animation:none}.login .brand{--logo-face-bg:var(--login-gradient-to)}.login .brand__face--top,.login .brand__face--bottom{opacity:0;animation:none}.login [data-rolling] .brand__face--top,.login [data-rolling] .brand__face--bottom{opacity:1}.login .brand[data-rolling] .brand__letter,.login .login__brand[data-rolling] .brand__letter{animation:logo-turn-once var(--login-roll-dur) var(--logo-ease) backwards;animation-delay:calc(var(--logo-index) * var(--logo-stagger))}@keyframes logo-turn-once{0%{transform:rotateX(0)}to{transform:rotateX(1turn)}}