:root{--bright-blue: oklch(51.01% .274 263.83);--electric-violet: oklch(53.18% .28 296.97);--french-violet: oklch(47.66% .246 305.88);--vivid-pink: oklch(69.02% .277 332.77);--hot-red: oklch(61.42% .238 15.34);--orange-red: oklch(63.32% .24 31.68);--yellow: #fddd0d;--yellow-dark: #948000;--olive-green: #012502;--green: #04b40a;--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);--red-to-pink-to-purple-vertical-gradient: linear-gradient( 180deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--red-to-pink-to-purple-horizontal-gradient: linear-gradient( 90deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--olive-to-light-horizontal-gradient: linear-gradient(180deg, var(--olive-green), transparent);--olive-to-green-to-transparent-vertical-gradient: linear-gradient( 180deg, var(--olive-green) 5%, transparent 100% );--pill-accent: var(--bright-blue);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}.fade-in{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-100px)}50%{opacity:.5;transform:translate(100px)}to{opacity:1;transform:translate(0)}}