@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Outfit,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#f8f8f8}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:#f8f8f8}body{position:relative;min-width:320px;min-height:100vh}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#d0d0d0}a{font-weight:500;color:#f0a23e;text-decoration:none;transition:color .2s}a:hover{color:#d48a2b}.bg-cream{background-color:#fff6e9}.text-gradient{background:linear-gradient(45deg,#f0a23e,#ffb85c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pill-shadow{box-shadow:0 4px 20px #0000000d}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}