@import"https://fonts.googleapis.com/css2?family=Agrandir&display=swap";@import"https://fonts.googleapis.com/css2?family=Horizon&display=swap";:root{--font-body: "Agrandir", sans-serif;--font-title: "Horizon", sans-serif;--color-bg-top: #1869c2;--color-bg-bottom: #021d39;--color-card: #ffffff;--color-text: #111;--color-subtext: #444;--color-button: #111;--color-button-text: #fff;font-family:var(--font-body);line-height:1.5;font-weight:400;background:linear-gradient(to bottom,var(--color-bg-top),var(--color-bg-bottom));color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-body);min-height:100vh;background:linear-gradient(to bottom,var(--color-bg-top),var(--color-bg-bottom));color:var(--color-text)}h1,h2,h3{font-family:var(--font-title);color:var(--color-text)}a{color:#e0e0e0;text-decoration:none}a:hover{text-decoration:underline}button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:var(--font-body);background-color:var(--color-button);color:var(--color-button-text);cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#333}.card{background-color:var(--color-card);color:var(--color-text);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014}input,select,textarea{background-color:#fff!important;color:#000!important;border:1px solid #ccc;border-radius:6px;padding:.75rem;font-size:1rem;font-family:inherit}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{background-color:#fff!important;color:#000!important;-webkit-box-shadow:0 0 0px 1000px white inset!important}#root{max-width:1280px;margin:0 auto;padding:2rem;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}