.signup-container{justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex}.signup-card{z-index:10;width:100%;max-width:600px;position:relative}.signup-header{text-align:center;margin-bottom:2rem}.signup-title{margin-bottom:.5rem;font-size:2.5rem}.form-group{margin-bottom:1.5rem}.form-label{color:#334155;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input,.form-select{border-radius:.75rem;width:100%;padding:.95rem 1.15rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000a;color:#0f172a!important;background:#fff!important;border:1.5px solid #e2e8f0!important}.form-input::placeholder{font-weight:400;color:#94a3b8!important}.form-input:hover,.form-select:hover{background:#fff!important;border-color:#cbd5e1!important}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-color)!important;background:#fff!important;box-shadow:0 0 0 3px #ec489926!important}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:2.5rem}.form-select option{color:#0f172a;background:#fff}.optional-toggle{color:var(--accent-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:0;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .3s;display:flex}.optional-toggle:hover{opacity:.8;text-decoration:underline}.optional-fields{opacity:0;max-height:0;margin-bottom:0;transition:max-height .4s,opacity .4s,margin .4s;overflow:hidden}.optional-fields.show{opacity:1;max-height:300px;margin-bottom:1.5rem}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.btn-full{width:100%;margin-top:1rem}@media (max-width:640px){.form-row{flex-direction:column;gap:0}}.city-dropdown{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d!important}.city-option{cursor:pointer;color:#1e293b;border-radius:.5rem;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.city-option:hover{color:#ec4899;background:#fdf2f8}.method-toggle-container{border-radius:1rem;gap:.5rem;margin-bottom:2rem;padding:.35rem;display:flex;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.method-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.method-toggle-btn:hover:not(.disabled):not(.active){color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000000d}.method-toggle-btn.active.whatsapp{color:#fff!important;background:#10b981!important;box-shadow:0 4px 12px #10b9814d!important}.method-toggle-btn.active.email{color:#fff!important;background:#3b82f6!important;box-shadow:0 4px 12px #3b82f64d!important}.method-toggle-btn.disabled{opacity:.5;cursor:not-allowed}.method-toggle-btn small{opacity:.8;margin-left:.25rem;font-size:.7rem}