:root{--color-bg: #0a1a2f;--color-teal: #1bc6b4;--color-light: #f7f9fc;--color-text: #2a2a2a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-light);color:var(--color-text)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}body{margin:0;padding:0;overflow-x:hidden}.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}.fade-in{opacity:0;animation:fadeIn 1.2s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.hero-animation{max-width:100%;overflow:hidden}.hamburger{display:none}@media(max-width:768px){.desktop-links{display:none!important}.hamburger{display:block!important}}@media(max-width:768px){.desktop-links{display:none!important}.hamburger{display:block!important}.hero-animation{display:none}.hero-text{text-align:center;align-items:center}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center}}