#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)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.clipCardCharacters{animation:float 6s ease-in-out infinite,fadeIn 1.5s ease-out;will-change:transform,opacity;transform-origin:center;transition:all .3s ease}.clipCardCharacters:hover{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(252,76,2,.6))}@media (prefers-reduced-motion: reduce){.clipCardCharacters{animation:fadeIn 1.5s ease-out}.clipCardCharacters:hover{animation:none;filter:drop-shadow(0 0 15px rgba(252,76,2,.6))}}@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}/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */.static{position:static}.flex{display:flex}.h-auto{height:auto}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.min-w-screen{min-width:100vw}.items-center{align-items:center}.justify-center{justify-content:center}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}