.role-selector-container{display:flex;flex-direction:column;gap:12px;width:100%}.role-selector-label{font-size:14px;font-weight:500;color:#374151}.role-selector-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-selector-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.role-selector-option:hover:not(:disabled){border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.role-selector-option.role-selector-selected{border-color:#4f46e5;background-color:#f5f3ff}.role-selector-option.role-selector-error{border-color:#ef4444}.role-selector-option:disabled{opacity:.5;cursor:not-allowed}.role-selector-icon{width:48px;height:48px;color:#6b7280;transition:color .2s ease}.role-selector-option.role-selector-selected .role-selector-icon{color:#4f46e5}.role-icon{width:100%;height:100%}.role-selector-content{display:flex;flex-direction:column;gap:4px}.role-selector-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.role-selector-description{font-size:12px;color:#6b7280;margin:0}.role-selector-checkmark{position:absolute;top:12px;right:12px;width:24px;height:24px;color:#4f46e5}.checkmark-icon{width:100%;height:100%}.role-selector-error-message{color:#ef4444;font-size:14px;margin:0;text-align:center}@media (max-width:640px){.role-selector-options{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.role-selector-label{color:#d1d5db}.role-selector-option{background-color:#1f2937;border-color:#374151}.role-selector-option.role-selector-selected{background-color:#312e81;border-color:#6366f1}.role-selector-option:hover:not(:disabled){border-color:#6366f1}.role-selector-title{color:#f3f4f6}.role-selector-icon{color:#9ca3af}.role-selector-checkmark,.role-selector-option.role-selector-selected .role-selector-icon{color:#a5b4fc}}.signup-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.signup-form .form-field-label{color:#fff;font-size:14px;font-weight:400;font-family:Proxima Nova,sans-serif}.signup-form .form-field-input{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:16px;font-family:Proxima Nova,sans-serif;padding:10px 12px}.signup-form .form-field-input::placeholder{color:hsla(0,0%,100%,.5)}.signup-form .form-field-input:focus{border-color:#6eafa5;ring:0;outline:none}.signup-form .form-field-error{color:#ff8a80}.signup-form .form-field-input:disabled{opacity:.6;cursor:not-allowed}.signup-form .form-field-end-adornment{color:hsla(0,0%,100%,.7)}.signup-form .text-gray-500{color:hsla(0,0%,100%,.6);font-family:Proxima Nova,sans-serif}.signup-form .role-selector-label{color:#fff;font-size:14px;font-weight:400;font-family:Proxima Nova,sans-serif}.signup-form .role-selector-option{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2)}.signup-form .role-selector-option:hover:not(:disabled){background-color:hsla(0,0%,100%,.08);border-color:#6eafa5;box-shadow:none;transform:none}.signup-form .role-selector-option.role-selector-selected{background-color:rgba(110,175,165,.15);border-color:#6eafa5}.signup-form .role-selector-title{color:#fff;font-family:Proxima Nova,sans-serif;font-weight:500}.signup-form .role-selector-description{color:hsla(0,0%,100%,.7);font-family:Proxima Nova,sans-serif}.signup-form .role-selector-icon{color:hsla(0,0%,100%,.7)}.signup-form .role-selector-checkmark,.signup-form .role-selector-option.role-selector-selected .role-selector-icon{color:#6eafa5}.signup-form .role-selector-error-message{color:#ff8a80;font-family:Proxima Nova,sans-serif}