.signin-main{min-height:65vh;display:grid;place-items:center;padding:clamp(2rem,6vw,5rem) 1.25rem;background:var(--paper,#f7f4ee)}.signin-card{width:min(100%,34rem);padding:clamp(1.5rem,5vw,3rem)}.signin-card h1{margin:.25rem 0 .75rem}.signin-tabs{display:flex;gap:.5rem;margin:1.5rem 0 1rem;border-bottom:1px solid rgba(0,0,0,.16)}.signin-tabs button{border:0;background:transparent;padding:.75rem 1rem;color:inherit;font:inherit;cursor:pointer;border-bottom:2px solid transparent}.signin-tabs button.active{border-color:currentColor;font-weight:700}.signin-card form{display:grid;gap:1rem}.signin-card label{display:grid;gap:.4rem;font-weight:600}.signin-card input{width:100%;padding:.8rem;border:1px solid rgba(0,0,0,.25);border-radius:.25rem;font:inherit;background:#fff;color:#222}.signin-card input:focus{outline:2px solid #17665f;outline-offset:2px}.signin-card .primary{justify-self:start;border:0;cursor:pointer}.signin-card .primary:disabled{opacity:.6;cursor:wait}.legacy-note{padding:1rem;border-left:3px solid #9a6a35;background:rgba(154,106,53,.08);font-size:.94rem}.signin-card .form-status{min-height:1.4em}.signin-card .form-status.error{color:#9b2c2c}.signin-card .form-status.success{color:#17665f}@media(max-width:600px){.signin-main{align-items:start;padding-top:2rem}.signin-card{padding:1.25rem}.signin-card .primary{width:100%}}