vc-signup-panel{display:flex;height:100vh;flex-direction:column}.signin-layout h2,vc-signup-panel h2{font-size:22px}.signin-layout h1,vc-signup-panel h1{font-size:30px}.signin-options h1,.signup-options h1{text-align:center}.signin-layout a:hover,vc-signup-panel a:hover{text-decoration:none;cursor:pointer}.signup-progress-bar{display:flex;gap:6px;height:2px;margin-bottom:2rem;margin-top:2rem;width:100%}.signup-progress-bar .bar{flex:1;background:#e0e0e0;border-radius:2px;transition:background .2s}.signup-progress-bar .active{background:#1976d2}.steps-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.signin-layout,.signup-layout{display:flex;justify-content:center}.signin-layout a:hover{text-decoration:none}.signin-row,.signup-row{border-radius:var(--roundness-md);display:flex}.signin-header,.signup-header{align-items:center;display:flex;height:4rem;justify-content:space-between;padding:1rem;text-align:center}.signin-header .vaadin-logo,.signup-header .vaadin-logo{color:#0f0f0f;padding:6px}.sso-signup-container h1,.step h1{text-align:center}#other-signup-options-button{margin-top:2rem}#other-signin-options-button{text-align:center;width:100%;display:block}#other-signin-options-button .arrow-icon-left{margin-right:4px}.signin-options,.signup-options{background-color:#fff;border-bottom-left-radius:var(--roundness-md);border-top-left-radius:var(--roundness-md);display:flex;flex-direction:column;justify-content:space-between}.signin-buttons-container,.signup-buttons-container{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 0;width:100%}.signin-button-link,.signup-button-link{align-items:center;border:1px solid #bbcddd;border-radius:4px;box-shadow:none!important;display:flex;height:48px;justify-content:center;margin-bottom:12px;text-align:center}.signin-button-link:hover,.signup-button-link:hover{background-color:#f3f8fd}.signin-button-label-container,.signup-button-label-container{align-items:center;display:grid;font-size:15px;gap:6px;grid-template-columns:40px 170px;justify-items:start}.signin-button-label-container,.signup-button-label-container span{color:#000;font-size:15px;font-weight:600;line-height:normal}.use-email-button{text-align:center;width:100%}.use-email-button a{font-size:16px;font-weight:400}.step{max-width:400px;margin:auto}.step .vc-input{width:100%}.step .project-details-form,.step .verification-form{margin-top:2.5rem;margin-bottom:1rem}.step .error-message-container{align-items:end;display:flex;min-height:40px;position:absolute;top:0;width:100%}.step .error-message{color:var(--color-lava);font-size:14px;line-height:1.4}.step .signup-button-container .error-message{text-align:center}.step .signin-button-container .error-message{display:flex;flex-direction:column}.step .signin-button-container,.step .signup-button-container{margin-top:2.5rem;padding-top:2.5rem;position:relative}.step .line{height:1px;background-color:var(--color-alloy-darker);width:100%;margin:1.5rem 0}.step button{width:100%}.step .continue-to-next-step-button{margin-bottom:.5rem;margin-top:1rem}.step .button--sso-account{margin-top:1.5rem}.step .toc-agree{color:#3f4d62;font-size:14px;line-height:1.4;padding-top:1rem}.step .toc-agree a{font-weight:400}.login-form button{margin:40px 0}.login-button-container,.signup-button-container{font-size:14px;letter-spacing:.16px;line-height:var(--text-leading-sm);margin-top:5rem;text-align:center}.benefits{background-color:#f0f4f7;border-bottom-right-radius:var(--roundness-md);border-top-right-radius:var(--roundness-md);display:none;flex-direction:column;justify-content:space-between}.benefits-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem;margin-bottom:2.5rem}.benefits-row{display:flex;gap:1rem}.benefit-description>span{color:#000;font-size:14px;font-weight:700}.benefit-description>p{color:rgba(0,0,0,.6);font-size:14px;line-height:1.4;margin-top:.3rem;margin-bottom:0}.benefit-description a.directory-link{color:rgba(0,0,0,.6);text-decoration:underline}.benefit-description a.directory-link:hover{color:var(--color-link-hover)}.benefits-footer{align-items:center;display:flex;gap:1rem;padding-top:.5rem}.developer-images{height:2.5rem;position:relative;width:160px}.developer-images .developer-image-container{position:absolute;top:0}.developer-images .developer-image-container img{border-radius:40px;height:40px;width:40px}#developer-img-one{left:0}#developer-img-two{left:30px}#developer-img-three{left:60px}#developer-img-four{left:90px}#developer-img-five{left:120px}.developers-amount{color:rgba(0,0,0,.6);font-size:12px}.step-description-text{color:#3f4d62;font-size:14px;font-weight:400;line-height:1.7;margin-bottom:0;text-align:center}.email-form-field{margin-bottom:1.8rem}.form-field label{float:left}.requirements{display:flex;margin-top:.5rem}.requirements p{color:rgba(0,0,0,.7);font-size:12px;line-height:normal;margin-bottom:0}.requirements br{display:none}.signup-button{margin-bottom:1.25rem;margin-top:.5rem}[part=input-field]{height:48px}.invalid-text{bottom:-1rem!important}.invalid-checkbox::part(checkbox){border:1px solid red}.profile-details-form{margin-bottom:2rem}.wait-count{margin-left:2px}.visually-disabled-button{background-color:#95c6ff;border-color:#95c6ff;cursor:unset}@media (min-width:640px){.signin-column,.signup-column{padding:5rem 7rem;width:575px}.step{padding:3rem 1.5rem}}@media (min-width:1192px){.signin-options h1,.signup-options h1{text-align:left}.light-blue-bg{background-color:#f3f8fd}.signin-row,.signup-row{box-shadow:4px 4px 4px 0 rgba(0,0,0,.1)}.sso-signup-container h1{text-align:left}.benefits{display:flex}.step{padding:6rem 0 3rem 0}}