.signup-page{flex-direction:column;min-height:100vh;display:flex}.signup-page .signup-container{flex-grow:1;justify-content:center;align-items:stretch;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.signup-page .signup-container .signup-benefits{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);max-width:500px;color:var(--color-text);border-radius:.5rem;flex-direction:column;flex:2;justify-content:center;padding:2rem;display:flex}.signup-page .signup-container .signup-benefits h2{margin:0 0 .5rem;font-size:2rem;font-weight:700}.signup-page .signup-container .signup-benefits .signup-benefits-description{opacity:.9;margin:0 0 1.5rem;font-size:1rem}.signup-page .signup-container .signup-benefits .benefits-list{margin:0;padding:0;list-style:none}.signup-page .signup-container .signup-benefits .benefits-list li{align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;display:flex}.signup-page .signup-container .signup-benefits .benefits-list li .benefit-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.signup-page .signup-container .signup-benefits .benefits-list li div strong{margin-bottom:.125rem;font-size:.95rem;display:block}.signup-page .signup-container .signup-benefits .benefits-list li div p{opacity:.85;margin:0;font-size:.85rem}.signup-page .signup-container .signup-form{background-color:var(--color-background);border-radius:.5rem;flex:1;width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 6px #0000001a}.signup-page .signup-container .signup-form .signup-header{text-align:center;margin-bottom:2rem}.signup-page .signup-container .signup-form .signup-header h2{color:var(--color-text);font-size:2rem;font-weight:700}.signup-page .signup-container .signup-form .error-message{color:var(--color-text);background-color:#ef44441a;border-radius:.375rem;margin-bottom:1.5rem;padding:.75rem}.signup-page .signup-container .signup-form .form-group{margin-bottom:1.5rem}.signup-page .signup-container .signup-form .form-group label{color:var(--color-text);margin-bottom:.5rem;font-weight:500;display:block}.signup-page .signup-container .signup-form .form-group input{border:1px solid var(--color-border);border-radius:.375rem;width:100%;padding:.75rem;font-size:1rem}.signup-page .signup-container .signup-form .form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ffa8771a}.signup-page .signup-container .signup-form .form-row{gap:1rem;display:flex}.signup-page .signup-container .signup-form .form-row .form-group{flex:1}.signup-page .signup-container .signup-form .signup-links{justify-content:space-between;margin-bottom:2rem;display:flex}.signup-page .signup-container .signup-form .signup-links a{color:var(--color-primary);text-decoration:none}.signup-page .signup-container .signup-form .signup-links a:hover{text-decoration:underline}.signup-page .signup-container .signup-form .submit-button{background-color:var(--color-primary);width:100%;color:var(--color-text);cursor:pointer;border:none;border-radius:.375rem;padding:.75rem;font-size:1rem;font-weight:500}.signup-page .signup-container .signup-form .submit-button:hover{background-color:var(--color-primary-dark)}