:root{--primary: #2563eb;--primary-hover: #174bbd;--secondary-color: #00933C;--error-color: #e53935;--background: #f7f7fa;--card-bg: #fff;--text-primary-color: #222;--text-secondary-color: #888;--badge-yellow: #FFD100;--badge-text: #222;--font-sans: Helvetica, Arial, sans-serif;--font-family-heading: "Inter", Helvetica, Arial, sans-serif;--card-radius: 16px;--card-shadow: 0 2px 12px rgba(0,0,0,.08);--card-max-width: 550px;--card-padding: 2em 1.5em;--card-margin: 2em auto;--font-size-main-title: 3.2rem;--font-size-header: 2.2em;--font-size-subheader: 1.1em}body{margin:0;font-family:var(--font-family-body, var(--font-sans));background-color:var(--background, #f7f7fa);color:var(--text-primary-color, #222)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading, "Inter", Helvetica, Arial, sans-serif);color:var(--text-primary-color, #222)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}a{font-weight:500;color:var(--primary, #2563eb);text-decoration:inherit}a:hover{filter:brightness(90%)}html,body{margin:0;padding:0;box-sizing:border-box}#root{max-width:1280px;margin:0 auto;padding:2rem 2rem 6rem;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}