:root{--color-primary:#4a6cf7;--color-border:#e2e8f0;--color-text-placeholder:#a0aec0}.signup-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f7fafc;padding:1rem}.signup-form-wrapper{display:flex;justify-content:center;width:100%;max-width:1200px;background-color:white;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:auto}.form-container-main{flex:1;padding:2rem;margin:auto}.logo-container{margin-bottom:2rem}.logo-container,.logo-icon{display:flex;align-items:center}.logo-icon{justify-content:center;width:2rem;height:2rem;background-color:#4a6cf7;color:white;border-radius:.375rem;margin-right:.5rem}.logo-text{font-weight:600;font-size:1.25rem;color:#1a202c}.form-container{max-width:28rem}.form-title{font-size:1.875rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem}.form-fields{gap:1.25rem;margin-bottom:1.5rem}.form-field,.form-fields{display:flex;flex-direction:column}.field-label{font-size:.875rem;font-weight:500;color:#4a5568;margin-bottom:.5rem}.required{color:#e53e3e;margin-left:.25rem}.text-input{padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:#1a202c;transition:border-color .2s}.text-input:focus{outline:none;border-color:var(--color-primary)}.helper-text{font-size:.75rem;color:#718096;margin-top:.25rem}.select-container{font-size:.875rem}.submit-button{width:100%;padding:.75rem 1rem;background-color:var(--color-primary);color:white;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s;margin-bottom:1.5rem}.submit-button:hover{background-color:#3a5bd9}.login-link-container{text-align:center;font-size:.875rem;color:#4a5568}.login-link{color:var(--color-primary);font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.image-container{flex:1;background-color:#f0f5ff;background-image:url(/placeholder.svg?height=800&width=600&query=signup\ illustration);background-size:cover;background-position:50%;display:none}@media (min-width:768px){.image-container{display:block}}