.signup-container{background-color:#fff;width:100vw;height:100vh;margin:auto;padding:40px}@media (max-width:834px){.signup-container{padding:24px}}@media (max-width:425px){.signup-container{padding:16px}}.signup-container .content{justify-content:center;align-items:center;max-width:1440px;height:100%;margin-inline:auto;display:flex}@media (max-width:834px){.signup-container .content{flex-direction:column}}.signup-container .content .illustration-section{box-sizing:border-box;flex:0 0 50%;justify-content:center;align-items:center;width:50%;display:flex}@media (max-width:834px){.signup-container .content .illustration-section{flex:0;width:80%}}@media (max-width:425px){.signup-container .content .illustration-section{width:110%}}.signup-container .content .illustration-section.hero-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.signup-container .content .form-section{flex:1;justify-content:center;align-items:center;display:flex}.signup-container .content .form-section .form-header{text-align:center;margin-bottom:32px}.signup-container .content .form-section .form-header h1{color:#374151;margin-bottom:8px;font-size:24px;font-weight:700}.signup-container .content .form-section .form-header p{color:var(--grey);font-size:14px}.signup-container .content .signup-form{flex-direction:column;gap:20px;display:flex}.signup-container .content .signup-form .form-group{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.signup-container .content .signup-form .form-group label{color:#374151;font-size:14px;font-weight:500}.signup-container .content .signup-form .form-group label .required{color:#ef4444}.signup-container .content .submit-btn{background-color:#2563eb;width:100%;margin-top:10px;transition:opacity .2s}.signup-container .content .submit-btn:hover{opacity:.9}