*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-color, #ffffff);transition:background-color .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color, #ffffff);transition:background-color .3s ease}#root{width:100vw;height:100vh}.App{width:100%;height:100%}.relative{position:relative}.absolute{position:absolute}.w-full{width:100%}.h-screen{height:100vh}.h-full{height:100%}.bg-slate-800{background-color:#1e293b}.text-white{color:#fff}.z-10{z-index:10}.z-20{z-index:20}.top-8{top:2rem}.left-8{left:2rem}.bottom-8{bottom:2rem}.right-8{right:2rem}.left-1\/2{left:50%}.transform{transform:translate(-50%)}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rounded-xl{border-radius:.75rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.max-w-sm{max-width:24rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}.w-4{width:1rem}.h-4{height:1rem}.w-2{width:.5rem}.h-2{height:.5rem}.w-12{width:3rem}.h-12{height:3rem}.rounded-full{border-radius:9999px}.transition-all{transition:all .3s}.duration-300{transition-duration:.3s}.animate-spin{animation:spin 1s linear infinite}.border-b-2{border-bottom-width:2px}.border-white{border-color:#fff}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.inset-0{inset:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#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}.light-rays-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:3;overflow:hidden}