.signup-background{background:linear-gradient(135deg,#74b9ff,#a29bfe);min-height:100vh;position:relative;overflow:hidden}.bg-element3{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.bg-element3:nth-child(1){width:80px;height:80px;top:15%;right:8%;animation-delay:0s}.bg-element3:nth-child(2){width:60px;height:60px;top:65%;left:5%;animation-delay:2s}.bg-element3:nth-child(3){width:40px;height:40px;top:35%;right:3%;animation-delay:4s}.bg-element3:nth-child(4){width:70px;height:70px;top:80%;right:15%;animation-delay:1s}.bg-element3:nth-child(5){width:50px;height:50px;top:45%;left:2%;animation-delay:3s}.bg-element3:nth-child(6){width:35px;height:35px;top:10%;left:12%;animation-delay:5s}.pulse-element3{position:absolute;width:20px;height:20px;background:#fff9;border-radius:50%;animation:pulse 3s infinite}.pulse-element3:nth-child(7){top:20%;left:8%;animation-delay:0s}.pulse-element3:nth-child(8){top:55%;left:3%;animation-delay:1s}.pulse-element3:nth-child(9){top:75%;left:12%;animation-delay:2s}.pulse-element3:nth-child(10){top:30%;right:10%;animation-delay:1.5s}.pulse-element3:nth-child(11){top:85%;right:20%;animation-delay:.5s}.pulse-element3:nth-child(12){top:8%;right:25%;animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.signUpContainer{margin:0 auto;max-width:600px;border-radius:20px;background:#fffffff2;box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.signup-container-wrapper{padding-top:4rem}.header{text-align:left;font-size:40px;font-weight:700;color:#2f4156;padding-top:40px;padding-bottom:15px;padding-left:50px}.tagline{padding-left:50px;color:#567c8d;max-width:600px;text-align:left;font-size:1.3rem;margin-bottom:1.5rem}.error-message{margin-left:50px;margin-right:50px;color:#d63031;margin-bottom:1rem;padding:12px 16px;background:#d630311a;border-radius:8px;border:1px solid rgba(214,48,49,.2);font-size:14px}.form{display:flex;flex-direction:column;padding:auto 20px;padding-bottom:40px;margin-left:50px;gap:20px;width:80%}.form input{border:1px solid rgb(216,216,216);border-radius:6px;padding:12px 16px;font-size:16px;transition:all .3s ease;background:#ffffffe6;color:#333}.form input:focus{outline:none;border-color:#74b9ff;box-shadow:0 0 10px #74b9ff4d;transform:translateY(-2px)}.form input:disabled{opacity:.6;cursor:not-allowed}.submitButton{width:85%;margin:0 auto;margin-bottom:1.5rem}.submitButton button{width:100%;color:#2f4156;text-align:center;font-size:1.3rem;line-height:1.7;border-radius:20px;border:1px solid #2F4156;background-color:#c8d9e6;cursor:pointer;transition:all .3s ease;padding:12px 20px}.submitButton button:hover:not(:disabled){background-color:#74b9ff;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #74b9ff66}.submitButton button:disabled{opacity:.6;cursor:not-allowed;transform:none}.phone-input-wrapper{display:flex;align-items:center;border:1px solid rgb(216,216,216);border-radius:6px;background:#ffffffe6;transition:all .3s ease;overflow:hidden}.phone-input-wrapper:focus-within{border-color:#74b9ff;box-shadow:0 0 10px #74b9ff4d;transform:translateY(-2px)}.country-code{background:#f8f9fa;padding:12px 16px;border-right:1px solid rgb(216,216,216);color:#666;font-size:16px;font-weight:500;min-width:50px;text-align:center}.phone-digits-input{border:none!important;outline:none!important;padding:12px 16px;font-size:16px;flex:1;background:transparent;color:#333;box-shadow:none!important;transform:none!important}.phone-digits-input:focus{border:none!important;outline:none!important;box-shadow:none!important;transform:none!important}.otp-input{text-align:center;font-size:16px;padding:12px 16px;border:1px solid rgb(216,216,216);border-radius:6px;transition:all .3s ease;background:#ffffffe6;color:#333}.otp-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 10px #74b9ff4d}.back-button-container{margin-top:1rem;text-align:center}.back-button{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:color .3s ease}.back-button:hover{color:#0056b3;text-decoration:none}.back-button:focus{outline:2px solid #007bff;outline-offset:2px}.otp-step{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.signUpContainer{max-width:90%;margin:0 auto}.header{font-size:32px;padding-left:30px}.tagline{padding-left:30px;font-size:1.1rem}.form{margin-left:30px;width:85%}.error-message{margin-left:30px;margin-right:30px}}