.signup-background{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.signup-background.closing{animation:.3s forwards fadeOut}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.signup-form-container{background-color:var(--background);border-radius:10px;flex-direction:column;align-items:center;gap:15px;width:550px;max-width:90%;height:550px;max-height:90%;padding:60px 40px 40px;transition:all .3s;display:flex;position:relative}.close-signup-form-btn{cursor:pointer;font-size:18px;position:absolute;top:20px;right:20px}.signup-form-title{color:var(--primary-color);text-align:center;margin-bottom:20px;font-size:20px;font-weight:700}.google-login-btn{background-color:var(--primary-color);cursor:pointer;color:#fff;border-radius:30px;justify-content:center;align-items:center;gap:15px;width:100%;padding:10px 15px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.google-login-btn:hover{background-color:var(--secondary-color)}.or-sign-up-below{color:var(--secondary-color);justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:12px;display:flex}.or-sign-up-below:after{content:"";background-color:var(--tertiary-color);flex:1;height:1px;margin-right:10px}.signup-input{border:1px solid var(--tertiary-color);background-color:var(--quaternary-color);border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:0 10px;font-size:16px;transition:border-color .3s;display:flex}.signup-input input{background-color:#0000;border:none;border-radius:10px;width:94%;padding:15px 10px}.signup-input input:focus{outline:none}.signup-input:focus-within{border-color:var(--quaternary-color)}.error-message{color:red;font-size:12px;font-weight:500}.signup-submit-btn{background-color:var(--primary-color);cursor:pointer;color:#fff;border-radius:30px;justify-content:center;align-items:center;gap:10px;width:fit-content;padding:10px 25px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.signup-submit-btn:hover{background-color:var(--secondary-color)}.change-form-btn{color:var(--secondary-color);font-size:12px}.change-form-btn strong{cursor:pointer;font-weight:700;transition:all .3s}.change-form-btn strong:hover{color:var(--text-color-footer)}.signup-form-container{animation:.35s formFade}@keyframes formFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reset-password-page{justify-content:center;align-items:center;display:flex}.reset-password-container{background-color:#fff;border-radius:10px;flex-direction:column;align-items:start;gap:20px;min-width:400px;max-width:90%;min-height:300px;max-height:90%;padding:60px 40px 40px;display:flex;box-shadow:0 0 6px #0000001a}