.auth-form{width:100%;max-width:480px;padding:var(--content-padding);background:var(--color-background);border:var(--border-width) solid var(--color-white);border-radius:var(--border-radius);flex-direction:column;gap:1.25rem;display:flex}.auth-form__title{font-size:var(--text-heading);line-height:var(--line-height-heading);color:var(--font-color);margin:0}.auth-form__field{flex-direction:column;gap:.375rem;display:flex}.auth-form__field label{font-size:var(--text-body);color:var(--text-muted)}.auth-form__field input{font-size:var(--text-body);color:var(--font-color);border:var(--border-width) solid var(--color-white);border-radius:var(--border-radius);background:0 0;outline:none;padding:.625rem .75rem;transition:border-color .2s}.auth-form__field input:focus{border-color:var(--foreground)}.auth-form__error{color:#f87171;font-size:.875rem}.auth-form__success{font-size:var(--text-body);color:#4ade80}.auth-form__submit{padding:var(--nav-button-padding);font-size:var(--text-body);color:var(--color-background);background:var(--color-white);border:var(--border-width) solid var(--color-white);border-radius:var(--border-radius);cursor:pointer;font-family:inherit;transition:opacity .2s}.auth-form__submit:hover:not(:disabled){opacity:.85}.auth-form__submit:disabled{opacity:.5;cursor:not-allowed}.auth-form__footer-link{font-size:var(--text-body);color:var(--text-muted);text-align:center;text-decoration:none;transition:color .2s}.auth-form__footer-link:hover{color:var(--font-color)}