font-semibold rounded-md shadow-[0_1.6px_3.6px_rgba(0,0,0,0.13),0_0.3px_0.9px_rgba(0,0,0,0.1)] transition-all duration-150 ease-out bg-[#0078d4] text-white hover:shadow-[0_3.2px_7.2px_rgba(0,0,0,0.13),0_0.6px_1.8px_rgba(0,0,0,0.1)] hover:scale-[1.01] active:scale-[0.99]Acrylic-style button with subtle shadows, rounded corners and smooth transitions
font-semibold rounded-md shadow-[0_1.6px_3.6px_rgba(0,0,0,0.13),0_0.3px_0.9px_rgba(0,0,0,0.1)] transition-all duration-150 ease-outAcrylic surface card with layered depth shadows and subtle borders
bg-white rounded-md md:rounded-lg border border-[#e1e1e1] shadow-[0_1.6px_3.6px_rgba(0,0,0,0.13),0_0.3px_0.9px_rgba(0,0,0,0.1)] transition-all duration-150 ease-outClean input field with subtle border and Fluent-style focus indicator
w-full rounded-md border border-[#8a8886] bg-white font-sans text-[#323130] placeholder:text-[#a19f9d] focus:outline-none transition-all duration-150 ease-out