:root{--black:#101010;--grey-900:#2a2a2a;--grey-500:#767676;--grey-200:#e4e4e4;--grey-050:#f6f6f6;--white:#fff;--red:#b00020;--font-heading:"Roboto", system-ui, sans-serif;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--black);background:var(--grey-050);margin:0}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em}.auth{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.auth__card{background:var(--white);border:1px solid var(--grey-200);flex-direction:column;gap:1rem;width:100%;max-width:22rem;padding:2rem;display:flex}.auth__title{margin:0;font-size:1.5rem}.auth__subtitle{color:var(--grey-500);margin:0 0 .5rem;font-size:.875rem}.field{flex-direction:column;gap:.375rem;display:flex}.field__label{color:var(--grey-900);font-size:.8125rem}.field__input{font:inherit;border:1px solid var(--grey-200);background:var(--white);padding:.625rem .75rem}.field__input:focus-visible{outline:2px solid var(--black);outline-offset:-1px}.field__error{color:var(--red);margin:0;font-size:.8125rem}.button{font:inherit;border:1px solid var(--black);background:var(--black);color:var(--white);cursor:pointer;padding:.625rem 1rem}.button:disabled{opacity:.5;cursor:default}.button--secondary{background:var(--white);color:var(--black)}.shell{max-width:60rem;margin:0 auto;padding:2rem 1.5rem}.shell__header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.card{background:var(--white);border:1px solid var(--grey-200);margin-bottom:1rem;padding:1.5rem}.card__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card__head h2{margin:0;font-size:1.125rem}.card__form{flex-direction:column;gap:.875rem;display:flex}.card__actions{gap:.5rem;margin-top:.25rem;display:flex}.card__msg{color:var(--grey-900);margin:.875rem 0 0;font-size:.875rem}.card__msg--error{color:var(--red)}.badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--grey-200);color:var(--grey-500);padding:.25rem .5rem;font-size:.75rem}.badge--ok{border-color:var(--black);color:var(--black)}