.signup-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.main-container{display:flex;box-shadow:0 10px 30px #0000001a;border-radius:8px;overflow:hidden}.left-panel{background-color:#2bbbad;color:#fff;width:40%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px}.welcome h1{font-size:32px;margin-bottom:10px}.welcome p{font-size:16px;margin-bottom:30px;text-align:center}.sign-in-btn{background-color:transparent;color:#fff;border:2px solid white;padding:10px 30px;border-radius:30px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.sign-in-btn:hover{background-color:#fff;color:#2bbbad}.right-panel{background-color:#fff;width:60%;padding:50px;display:flex;flex-direction:column;justify-content:center}.right-panel h1{color:#2bbbad;font-size:32px;margin-bottom:20px}.social-media{display:flex;gap:15px;margin-bottom:20px}.social-icon{width:40px;height:40px;border:1px solid #ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:18px;color:#777;text-decoration:none}form{display:flex;flex-direction:column}form input{border:1px solid #ddd;padding:15px;margin-bottom:15px;border-radius:5px;font-size:14px}.sign-up-btn{background-color:#2bbbad;color:#fff;border:none;padding:15px;border-radius:30px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.sign-up-btn:hover{background-color:#249f91}@media (max-width: 768px){.main-container{flex-direction:column;width:90%}.signup-container{margin-top:30px}.left-panel,.right-panel{width:100%;padding:20px;text-align:center}}