.signup-container{background:linear-gradient(67.59deg,#001d0a 1.55%,#524400 97.32%);justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:20px;display:flex}.signup-container .signup-box{justify-content:space-between;align-items:stretch;width:100%;min-height:0;max-height:calc(100vh - 140px);display:flex}.signup-container .form-container{min-height:0;max-height:calc(100vh - 140px);color:var(--color-primary);-webkit-backdrop-filter:blur(12px);background:#00000047;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;flex:1;width:100%;max-width:400px;margin:auto;padding:24px 20px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000040}.signup-container .form-container .signup-title{text-align:center;color:var(--color-primary);margin-bottom:16px;font-size:24px;font-weight:700}.signup-container .form-container-header{flex-shrink:0}.signup-container .form-container-body{flex:1;min-height:0;padding-bottom:4px;padding-right:4px;overflow-y:auto}.signup-container .role-selection{justify-content:space-between;gap:10px;margin-bottom:16px;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:6px;flex:1;padding:8px 6px;font-weight:700;transition:background-color .2s,color .2s}.signup-container .role-button.active{background-color:var(--color-primary);color:#000}.signup-container .role-button:not(.active){background-color:#00000026}.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{align-items:stretch;min-height:calc(100dvh - 56px);padding:16px}.signup-box{flex-direction:column;flex:none;width:100%;min-height:0;max-height:none}.image-container{display:none}.form-container{flex:none;width:100%;max-width:none;min-height:0;max-height:none;margin:0;overflow:visible}.form-container-body{flex:none;min-height:0;max-height:none;overflow-y:visible}}