.signupContainer{font-family:var(--font-family);background:linear-gradient(180deg,#030204 40%,#311042)!important}.signupContainer .imageContainer{border-radius:20px}.signupContainer .imageContainer img{width:100%;border-radius:20px;object-position:center;object-fit:cover}.signupContainer .imageContainer{position:relative;width:50%}.signupContainer .textContainer{background-color:#ffffff4d;position:absolute;bottom:0;border-radius:0 0 20px 20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:100%}.signupContainer .textContainer .content{padding:30px 40px;display:flex;flex-direction:column;align-items:start}.signupContainer .textContainer .content p{color:#fff;font-size:20px;font-weight:600;text-align:start;margin-bottom:60px}.signupContainer .textContainer .content .buttonContainer{display:flex;gap:30px}.signupContainer .formContainer{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#fff;margin:0 auto}.signupContainer .formContainer button{background-color:#9932cc;color:#fff;border:none;padding:20px;border-radius:50px;cursor:pointer;width:80%}.signupContainer .imageContainer .next-arrow{position:absolute;bottom:0;left:0;transform:translateX(250%);cursor:pointer;padding-bottom:10px}.signupContainer .imageContainer .prev-arrow{position:absolute;bottom:0;left:0;transform:translateX(70%);cursor:pointer;padding-bottom:10px}.container{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#fff;width:100%}.signupContainer .logo{width:48px;height:48px;background-color:#9932cc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.signupContainer .logo-text{color:#fff;font-size:1.5rem;font-weight:700}.signupContainer .title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.signupContainer .subtitle{color:#9ca3af;margin-bottom:2rem}.signupContainer .form{width:100%}.form-group{width:80%;display:flex;flex-direction:column;position:relative;margin:0 auto 20px}.input{padding:.75rem;background-color:#111;border:1px solid #161517;border-radius:.375rem;color:#fff;font-size:1rem;transition:border-color .3s ease}.input:focus,.input:not(:placeholder-shown){outline:none}.input::placeholder{color:#7b7b7b}.form-label{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:16px;color:#999;pointer-events:none;transition:all .3s ease;background-color:transparent;padding:0 5px}.input:focus+.form-label,.input:not(:placeholder-shown)+.form-label{top:0;transform:translateY(-50%) scale(.8)}.signupContainer .button{width:100%;padding:.75rem;background-color:#9932cc;color:#fff;border:none;border-radius:.375rem;font-size:1rem;cursor:pointer;margin-top:1rem}.signupContainer .button:hover{background-color:#7c3aed}.login-text{text-align:center;margin-top:1rem;color:#9ca3af}.login-link{color:#9932cc;text-decoration:none;margin-left:.25rem}.login-link:hover{text-decoration:underline}@media screen and (max-width:968px){.signupContainer .imageContainer{display:none}.loginContainer .formContainer{width:100%;height:50%}}@media screen and (max-width:1024px){.signupContainer .imageContainer{display:none}.signupContainer .formContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#fff;margin:0 auto}}