.signup-container{display:flex;justify-content:center;align-items:center;height:calc(100vh - 60px);background:linear-gradient(67.59deg,#001d0a 1.55%,#524400 97.32%);padding:20px}.signup-container .signup-box{display:flex;overflow:hidden;backdrop-filter:blur(10px);justify-content:space-between;height:100%;width:100%}.signup-container .form-container{flex:1;display:flex;flex-direction:column;justify-content:center;color:var(--color-primary);max-width:400px;background:hsla(0,0%,100%,.15);box-shadow:80 32px 0 px rgba(31,38,135,.37);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.18);padding:20px;border-radius:10px;width:100%}.signup-container .form-container .signup-title{text-align:center;margin-bottom:20px;font-size:24px;font-weight:700}.signup-container .role-selection{display:flex;justify-content:space-between;margin-bottom:20px;max-width:400px}.signup-container .form-container h1{text-align:center;margin-bottom:20px;font-size:40px}.signup-container .role-button{flex:1;padding:6px;background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s,color .3s;margin-bottom:10px}.signup-container .role-button.active{background-color:var(--color-primary);color:#000}.signup-container .role-button:not(.active){background-color:transparent}.signup-container .role-button:not(:last-child){margin-right:10px}.signup-container .image-container{margin:auto;justify-content:center;align-items:center;min-width:300px;max-width:100%}.signup-container .image-container-img{max-width:100%;max-height:100%;border-radius:16px;margin:auto}@media screen and (max-width:768px){.signup-container{height:auto;padding:20px}.signup-box{flex-direction:column-reverse}}