:root{--brand-primary:#6366f1;--brand-secondary:#8b5cf6}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--accent-9);outline-offset:2px}button{font-family:inherit}a{transition:color .15s}.grain:before{content:"";pointer-events:none;opacity:.015;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-a6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gray-a8)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fade-in}.animate-fade-in-delay-100{opacity:0;animation:.5s ease-out .1s forwards fade-in}.animate-fade-in-delay-200{opacity:0;animation:.5s ease-out .2s forwards fade-in}.animate-fade-in-delay-300{opacity:0;animation:.5s ease-out .3s forwards fade-in}