.form-container{display:flex;flex-direction:column;place-self:center;max-width:38rem;margin-top:5rem}.form-container .form-title{display:flex;flex-direction:column;align-items:flex-start}.skip-login{display:flex;flex-direction:column;margin-bottom:var(--space-250)}.highlight-text{color:var(--accent);text-decoration:none;font-weight:600}.highlight-text:hover{text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:var(--space-150);margin-bottom:1rem}.auth-form label{display:flex;flex-direction:column;gap:var(--space-75)}.auth-form input{padding:var(--space-150);background-color:--darkest(var(--primary));border:1px solid --lightest(var(--primary));border-radius:var(--parent-radius-7);font-size:1.1rem}.auth-form input::placeholder{font-weight:700;opacity:1}.auth-form input:focus{border-color:--darken(var(--accent));outline:none;box-shadow:0 0 0 3px #e0b10026}.auth-form input[aria-invalid=true]{border-color:var(--error)}.auth-form .field-error{color:var(--error);font-size:.85rem}.auth-form .error{color:var(--error);margin-top:1rem}.auth-form .success{color:var(--success, #16a34a);margin-top:1rem}.auth-form .button-submit{cursor:pointer;background-color:var(--accent);border:none;color:var(--color-text-reverse);font-weight:700;border-radius:var(--parent-radius-7);padding:var(--space-150) 0;margin-top:var(--space-250)}.redirect{align-self:center}
