Build a single-page web app called "BGS Infinity Luck Calculator" that lets a player calculate their true odds of hatching a secret pet in Roblox Bubble Gum Simulator Infinity based on their in-game boosts.UI Requirements:Dark, modern, responsive design (TailwindCSS or similar).Smooth animations and transitions between states (Framer Motion or CSS animations).Centered container with a glassmorphism card style for the form and results.Inputs should have animated focus borders and clear labels.Results should fade/slide in with a satisfying animation.Mobile-friendly layout.Form Inputs:Base Secret Chance (e.g., 1 in 5,000,000) — allow “1 in X” format.Lucky % Boost (e.g., 2120).Secret Luck Multiplier (e.g., 2.0).Hatch Speed % (e.g., 320).Eggs per Hatch (optional, default 1).Hours Played per Day (optional, default 1).Calculation Logic:Convert Lucky % into a multiplier → (1 + lucky% / 100).Apply multiplier to base chance.Apply secret luck multiplier.Show final odds as 1 in X.Calculate expected eggs per hour based on hatch speed and eggs per hatch.Show expected time (hours/days) to hatch 1 secret at those odds.Results Section:Show Final Odds (large bold text with gradient animation).Show Eggs Needed and Expected Time in smaller cards.Include a “Try Again” button with hover animation.Extra Features:Animated percentage counters for results.Support dark/light toggle (smooth fade transition).Add a subtle particle background or animated gradient for aesthetic.Save last inputs in localStorage so the user’s settings persist.Tech Stack:HTML, TailwindCSS, Vanilla JS (or React if easier).Use modern CSS animations and Framer Motion if React.The final product should feel like a high-quality, polished, premium game companion site with smooth UI/UX, quick calculations, and visually pleasing animations.