@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.signup-container{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;overflow:hidden}.background-balls{position:absolute;width:100%;height:100%;pointer-events:none}.ball{position:absolute;border-radius:50%}.ball-large{width:100px;height:100px}.ball-small{width:20px;height:20px}.ball-bottom-left{bottom:55%;left:52%;background:linear-gradient(-135deg,#1de9b6,#1dc4e9);height:300px;width:300px}.ball-bottom-left-sm{bottom:58%;left:80%;background-color:#007bff}.ball-bottom-right{bottom:8%;right:53%;background:linear-gradient(-135deg,#899fd4,#a389d4);height:300px;width:300px}.ball-bottom-rigth-sm{bottom:40%;left:20%;background-color:#007bff}.ball-moving{animation:moveBallCircular 10s linear infinite}.ball-blue{background-color:#007bff}.ball-green{background:linear-gradient(-135deg,#1de9b6,#1dc4e9)}.signup-form{background:#fff;padding:40px;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.2);width:100%;max-width:400px;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.logo{margin-bottom:20px;max-width:100%;height:auto}.signup-form h2{margin-bottom:20px;font-size:28px;font-weight:600;text-align:center}form-group{width:100%;margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;font-family:Roboto,sans-serif;font-size:16px;color:#333}.form-group input{width:300px;padding:15px;border-radius:0;background-color:transparent;box-shadow:none;font-size:16px;margin-bottom:15px;border:#c2bbbb;border-bottom:1px solid #c2bbbb}.btn-submit{width:100%;padding:15px;border:none;border-radius:4px;background-color:#85ce36;color:#fff;font-size:18px;cursor:pointer;transition:background-color .3s;margin-top:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.btn-submit:hover{background-color:#0056b3}.form-footer{text-align:center;margin-top:20px}.form-footer a{color:#007bff;text-decoration:none}.form-footer a:hover{text-decoration:underline}@keyframes moveBallCircular{0%{transform:rotate(0deg) translateX(5) rotate(0deg)}to{transform:rotate(1turn) translateX(25px) rotate(-1turn)}}.divider{border:0;border-top:1px solid #ddd;margin:5px 0;width:100%;padding-top:20px}.spinner{border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:#fff;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}.spinner-container{display:flex;align-items:center;justify-content:center;gap:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}