.a9 .a9-auth{padding-top:clamp(9rem,20vh,12rem);padding-bottom:clamp(3.5rem,8vw,6.5rem)}.a9 .a9-auth__grid{grid-template:"intro form""steps form"1fr/minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem) clamp(2.5rem,6vw,6rem);display:grid}.a9 .a9-auth__intro{grid-area:intro}.a9 .a9-auth__form{grid-area:form}.a9 .a9-auth__steps{grid-area:steps}@media (max-width:900px){.a9 .a9-auth__grid{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"intro""form""steps"}}.a9 .a9-auth__title{font-family:var(--a-serif);font-optical-sizing:auto;letter-spacing:-.03em;max-width:14ch;margin:0 0 1.3rem;font-size:clamp(2.6rem,1.4rem + 4.2vw,4.6rem);font-weight:400;line-height:1}.a9 .a9-auth__steps{counter-reset:step;max-width:34rem;margin:0;padding:0;list-style:none}.a9 .a9-auth__steps li{counter-increment:step;border-top:1px solid var(--a-hair);color:var(--a-muted);grid-template-columns:2.6rem 1fr;gap:.4rem;padding:1rem 0;font-size:1rem;line-height:1.5;display:grid}.a9 .a9-auth__steps li:last-child{border-bottom:1px solid var(--a-hair)}.a9 .a9-auth__steps li:before{content:"0" counter(step);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;color:var(--a-teal);padding-top:.2rem;font-size:.85rem}.a9 .a9-auth__steps strong{color:var(--a-ink);font-weight:500}.a9 .a9-auth .a9-form{max-width:34rem}.a9 .a9-auth__heading{font-family:var(--a-serif);font-optical-sizing:auto;letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.5rem,1.3rem + .8vw,2rem);font-weight:400}.a9 .a9-auth__sub{color:var(--a-muted);max-width:44ch;margin:0 0 1.5rem;line-height:1.5}.a9 .a9-auth .a9-field input{min-height:3rem}.a9 .a9-auth .a9-field input[aria-invalid=true]{border-color:var(--a-error)}.a9 .a9-auth .a9-field__hint{color:var(--a-muted);margin-top:.4rem;font-size:.85rem;display:block}.a9 .a9-auth .a9-field input:focus-visible,.a9 .a9-auth button:focus-visible,.a9 .a9-auth a:focus-visible{outline:2px solid var(--a-teal);outline-offset:2px}.a9 .a9-auth .a9-field input:focus-visible{border-color:var(--a-teal)}.a9 .a9-auth .a9-field input[aria-invalid=true]:focus-visible{border-color:var(--a-error)}.a9 .a9-auth__code input{font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;letter-spacing:.5em;min-height:3.5rem;padding-left:.9em;font-size:1.9rem}.a9 .a9-auth .a-btn{justify-content:center;min-height:3rem}.a9 .a9-auth .a9-form button[disabled]{opacity:1;cursor:default}.a9 .a9-auth .a9-form .a-btn[disabled]{color:#fff;background:#557880}.a9 .a9-auth__foot{flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin-top:.4rem;display:flex}.a9 .a9-auth__error{margin:0 0 1rem;font-size:.92rem}.a9 .a9-auth__link{appearance:none;min-height:2.75rem;font:inherit;color:var(--a-teal);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.6rem 0;font-size:.92rem;text-decoration:underline}.a9 .a9-auth__link[disabled]{color:var(--a-muted);cursor:default;text-decoration:none}.a9 .a9-auth__alt{color:var(--a-muted);max-width:34rem;margin:1.5rem 0 0;font-size:.92rem;line-height:1.5}.a9 .a9-auth__alt a{color:var(--a-teal);text-underline-offset:3px}@media (max-width:640px){.a9 .a9-auth .a-btn{width:100%}.a9 .a9-auth__code input{letter-spacing:.4em;font-size:1.6rem}}.a9 .a9-auth__pw label{display:block}.a9 .a9-auth__pwbox{position:relative}.a9 .a9-auth__pwbox input{padding-right:5rem}.a9 .a9-auth__reveal{appearance:none;min-width:4rem;min-height:2.75rem;font:inherit;color:var(--a-teal);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;font-size:.92rem;text-decoration:underline;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.a9 .a9-auth__ghost{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.a9 .a9-auth__steps li:not([aria-current=step]):before{color:var(--a-muted)}.a9 .a9-auth__steps li[aria-current=step]{color:var(--a-ink)}
