: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}html{scroll-behavior:smooth}body{margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#b87e120f;border:1px solid #d9dcf8}::-webkit-scrollbar-thumb{background:#b87e127e;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#b87e12a4}.slide-up{animation:slide-up 1.5s ease-in-out}.fade-in{animation:fadeIn 1s ease-in-out}.slide-down{animation:slide-down .8s ease-in-out}.slide-right{animation:slide-right .8s ease-in-out}.slide-left{animation:slide-left .8s ease-in-out}.type-in,.type-in-delay{animation:type-in 4s ease-in-out}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-100px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-100px)}50%{opacity:.5;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes type-in{0%{width:0%;text-wrap:nowrap;overflow:hidden}to{width:100%;text-wrap:nowrap;overflow:hidden}}@keyframes slide-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0)}}