:root{--color-arosa-blue: #005493;--color-arosa-yellow: #FEC900;--color-route-blue: #009EE0;--color-route-yellow: #FEC900;--color-text-main: #111111;--color-text-light: #FFFFFF;--color-bg-body: #FFFFFF;--color-bg-footer: #222222;--font-primary: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-bg-body);color:var(--color-text-main);min-height:100vh;margin:0;display:flex;flex-direction:column}#root{width:100%;display:flex;flex-direction:column;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none}.btn-primary{background-color:var(--color-arosa-yellow);color:var(--color-text-main);font-weight:700;padding:12px 24px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px;font-size:14px;border:none;transition:opacity .2s}.btn-primary:active{opacity:.8}.section-title{font-size:20px;font-weight:700;color:var(--color-arosa-blue);margin-bottom:var(--spacing-md)}#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}