.hi-login{min-height:100vh;display:grid;place-items:center;padding:24px 12px;background-color:#0a0a0a;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 1px,transparent 1px 9px)}.hi-login__card{width:100%;max-width:420px;padding:32px 28px;background-color:#0d0d0d;border:1px solid #2a2a2a}.hi-login__wordmark{color:var(--hi-white);margin:0}.hi-login__eyebrow{margin:10px 0 24px;font-family:var(--hi-font-body);font-weight:var(--hi-weight-bold);font-size:var(--hi-font-size-10);letter-spacing:.12em;text-transform:uppercase;color:var(--hi-accent)}.hi-login__form{gap:10px}.hi-login__field,.hi-login__form{display:flex;flex-direction:column}.hi-login__field{gap:8px}.hi-login__label{font-family:var(--hi-font-body);font-size:var(--hi-font-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--hi-fg-dim)}.hi-login__input{height:44px;padding:0 12px;background-color:#141414;border:1px solid #1f1f1f;color:#f2f2f2;font-family:var(--hi-font-body);font-size:var(--hi-font-size-14);border-radius:0}.hi-login__input:focus-visible{outline:none;border-color:var(--hi-accent)}.hi-login__error{margin:2px 0 0;font-family:var(--hi-font-body);font-size:var(--hi-font-size-12);color:var(--hi-form-error)}.hi-login__button{margin-top:8px;height:46px;background-color:var(--hi-accent);color:var(--hi-black);border:0;cursor:pointer;font-family:var(--hi-font-body);font-weight:var(--hi-weight-bold);font-size:var(--hi-font-size-13);letter-spacing:.1em;text-transform:uppercase}.hi-login__button:hover{background-color:#ffd633}