:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at center,#1a1a1a,#050505);overflow:hidden}.container{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.cube-container{width:100px;height:100px;perspective:600px;margin:0 auto 2rem}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotate 20s infinite linear}.face{position:absolute;width:100px;height:100px;border:2px solid #3a3a3a;background:#000c;box-shadow:0 0 20px #0ff3}.front{transform:rotateY(0) translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}@keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}h1{font-size:4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;background:linear-gradient(to bottom right,#fff 30%,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p.subtitle{font-size:1.5rem;color:#888;max-width:600px;margin:0 auto 3rem;font-weight:300}.glow-text{text-shadow:0 0 10px rgba(255,255,255,.3)}.status-badge{display:inline-block;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9999px;font-size:.875rem;color:#fff;margin-bottom:2rem}.dot{display:inline-block;width:8px;height:8px;background:#0fa;border-radius:50%;margin-right:.5rem;box-shadow:0 0 10px #0fa;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}#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}