task:%20Build%20a%20high-fidelity,%20mobile-first%20Quiz%20Interface%20for%20a%20SaaS%20called%20%22LilaLoop.%22%0A%0ADesign%20Aesthetic%3A%20%3E%20*%20Color%20Palette%3A%20Use%20a%20sophisticated%20mix%20of%20soft%20Lilac%20(primary)%20and%20Pastel%20Pink%20(accent).%20Background%20should%20be%20a%20very%20light%20off-white%20or%20an%20extremely%20faint%20lilac%20gradient.%0A%0AVibe%3A%20Modern,%20clean,%20and%20%22organic%22%20(subtle%20rounded%20corners,%20rounded-3xl).%20Incorporate%20a%20tiny,%20elegant%20tulip%20icon%20or%20abstract%20floral%20motif%20in%20the%20header.%0A%0ALayout%20Requirements%20(Mobile%20Screen)%3A%0A%0AHeader%3A%20A%20slim%20top%20bar%20with%20a%20%22LilaLoop%22%20logo%20on%20the%20left%20and%20a%20centered%20progress%20bar.%20The%20progress%20bar%20should%20be%20a%20soft%20pink%20track%20with%20a%20vibrant%20lilac%20fill%20showing%20%22Step%203%20of%2010.%22%0A%0AThe%20Question%20Card%3A%20A%20large,%20centered%20white%20card%20with%20deep%20rounded%20corners%20and%20a%20soft%20shadow.%20Inside%20the%20card%3A%0A%0AA%20Question%20Label%3A%20%22Question%203%22%20in%20small%20lila%20caps.%0A%0AThe%20Question%20Text%3A%20Bold,%20dark%20gray,%20font-size%20text-xl.%0A%0AInput%20Types%20(Show%20examples%20of%20both)%3A%0A%0ARadio/Checkbox:%20Large,%20tappable%20list%20items%20with%20lila%20borders%20that%20fill%20with%20color%20when%20%22active.%22%0A%0AText%20Input:%20A%20clean,%20wide%20text%20area%20with%20a%20soft%20pink%20focus%20ring.%0A%0ANavigation%20Footer:%20A%20fixed%20or%20sticky%20bottom%20section%20with%20two%20buttons.%0A%0A%22Back%22%20button:%20Ghost%20style%20(outline%20only).%0A%0A%22Next%22%20button:%20Solid%20Lilac%20with%20white%20text,%20full-width%20with%20a%20slight%20bounce%20hover%20effect.%0A%0AFramework:%20Use%20Tailwind%20CSS%20utility%20classes.%20Ensure%20the%20design%20looks%20like%20a%20native%20mobile%20app%20(max-width%20450px%20centered%20on%20the%20screen).