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