#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}:root{--color-bg-dark: #1A1A1A;--color-primary: #0077FF;--color-accent: #FF9900;--color-text-light: #F0F0F0;--color-text-subtle: #AAAAAA}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text-light);min-height:100vh}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent)}button{background-color:var(--color-primary);color:var(--color-text-light);border:none;border-radius:4px;padding:10px 20px;cursor:pointer;font-weight:700;letter-spacing:.5px;transition:background-color .2s ease,transform .1s ease}button:hover{background-color:#09f}button:active{transform:scale(.98)}