
.signupForm{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 0;display:flex;position:relative}.errorNotification{background:var(--color-error-bg);min-width:280px;max-width:90vw;color:var(--color-error);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4)var(--space-6);opacity:0;pointer-events:none;z-index:100;opacity:1;pointer-events:auto;transition:opacity .4s,transform .4s;position:absolute;top:2rem;left:50%;transform:translate(-50%)translateY(0)}.signupTitle{color:var(--color-primary);font-family:var(--font-primary);font-weight:var(--font-weight-bold);margin-top:4rem!important}.signupSecondTitle{color:var(--color-body);opacity:.35}.lfHeader{justify-content:flex-start;align-items:center;gap:var(--space-2);font-family:var(--font-primary);color:var(--color-primary);flex-direction:row;text-decoration:none;display:flex;position:absolute;top:2.25rem;left:2rem}.lfHeader h2{font-weight:var(--font-weight-semibold)}.iconImage{width:5vh;height:auto}.signupFormContainer{flex-direction:column;align-items:center;width:100%;display:flex;margin-top:var(--space-6)!important}.signupInputs{gap:var(--space-4);flex-direction:column;width:45%;display:flex;margin:1.5rem 0!important}.passwordInputWrapper{align-items:center;display:flex;position:relative;width:100%!important}.togglePasswordBtn{right:var(--space-4);cursor:pointer;font-size:var(--font-size-xl);color:var(--color-muted);background:0 0;border:none;align-items:center;height:100%;padding:0;transition:color .2s;display:flex;position:absolute}.togglePasswordBtn:hover{color:var(--color-primary)}.signupInputs input{box-sizing:border-box;width:100%;padding:var(--space-4);font-size:var(--font-size-md);font-family:var(--font-primary);color:var(--color-body);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);outline:none;transition:border-color .2s}.emailInput,.passwordInput{box-sizing:border-box;width:100%}.fullNameInput{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.nameInput{box-sizing:border-box;width:49%!important}.signupInputs input:focus{border-color:var(--input-border-focus)}.signupInputs input::placeholder{color:var(--input-placeholder);opacity:1}.loginButton{width:20%;padding:var(--space-4);font-size:var(--font-size-lg);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);color:var(--btn-primary-text);background:var(--btn-primary-bg);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:none;transition:background .2s,color .2s;margin-top:1rem!important}.loginButton:hover{background:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text)}.loginButton:disabled{background:var(--color-muted-bg);color:var(--color-muted);cursor:not-allowed;opacity:.7;box-shadow:none;border:1px solid var(--color-border)}.passwordValidator{border:1px solid var(--color-border);font-family:var(--font-secondary);color:var(--color-primary);border-radius:var(--radius-md);padding:1rem;font-size:var(--font-size-sm)!important}.reqList{flex-direction:column;justify-content:center;gap:.5rem;display:flex;margin-top:.5rem!important}.requirementItem{flex-direction:row;align-items:center;gap:.25rem;list-style:none;display:flex}.checkmark,.validReq{color:var(--color-success)}.xmark,.invalidReq{color:var(--color-error)}.agreementCheckbox{align-items:flex-start;gap:var(--space-2);flex-direction:row;width:45%;display:flex;margin-top:var(--space-2)!important}.agreementInput{min-width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;border:none!important;width:16px!important;margin:2px 0 0!important;padding:0!important}.agreementLabel{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-body);cursor:pointer;-webkit-user-select:none;user-select:none;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.agreementLink{color:var(--link-color);font-weight:var(--font-weight-medium);text-decoration:underline;transition:color .2s}.agreementLink:hover{color:var(--link-hover-color)}
