:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;margin:0;padding-top:60px}h1{font-size:3.2em;line-height:1.1}h2{background:linear-gradient(135deg,#7ca6a3 0%,#3679bb 50%,#93ce8e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:24px;font-weight:700;display:inline-block;position:relative}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (width<=510px){.over510{display:none}}@media (width<=410px){body{padding:calc(60px + 1rem) 1rem 1rem}button{padding:.5em 1em;font-size:.9em}#root{padding:1rem}h2>span{display:block}.over410{display:none}}footer{flex-direction:column;align-items:center;margin-top:auto;margin-bottom:1em;padding:1rem 0;display:flex}.social-links{justify-content:center;margin-bottom:1rem;display:flex}.social-links>a{border-radius:12px;width:30px;height:30px;margin:6px;padding:2px;transition:transform .3s;display:inline-block;position:relative;overflow:hidden}.copyright{color:#ffffffb3;text-align:center;font-size:.9rem}.social-links>a:before{content:"";opacity:0;background:conic-gradient(#0000,#fffc,#0000,#fffc,#0000);border-radius:14px;transition:opacity .3s;animation:2s linear infinite shimmer;position:absolute;inset:-2px}.social-links>a:after{content:"";z-index:1;background:#242424;border-radius:10px;position:absolute;inset:2px}.social-links>a img{z-index:2;transition:filter .3s;position:relative}.social-links>a:hover:before{opacity:1}.social-links>a:hover{transform:scale(1.1)}.social-links>a:hover img{filter:brightness(1.2)}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{z-index:1000;background-color:#000000e6;border-bottom:1px solid #fff3;height:60px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}.navbar-content{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 2rem;display:flex}.navbar-spacer{flex:1}.login-button{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #fff9;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.login-button:hover{color:#fff;background-color:#1a1a1a;border-color:#ddd}.login-button:active{transform:scale(.98)}@media (width<=768px){.navbar-content{padding:0 1rem}}@media (width<=410px){.navbar-content{justify-content:center;padding:0 .75rem}.navbar-spacer{display:none}}#root{text-align:center;flex-direction:column;max-width:1280px;min-height:90vh;margin:0 auto;padding:0;display:flex}.logo-container{border-radius:20px;margin-top:3em;padding:2px;transition:transform .3s;display:inline-block;position:relative;overflow:visible}.logo-container:before{content:"";opacity:0;filter:blur(15px);background:linear-gradient(45deg,#7ca6a3,#3679bb,#93ce8e,#7ca6a3);border-radius:30px;transition:opacity .4s;animation:2s ease-in-out infinite alternate brandGlow;position:absolute;inset:-10px}.logo-container:after{content:"";z-index:1;background:#242424;border-radius:20px;position:absolute;inset:0}.logo-container:hover:before{opacity:.6}.logo-container:hover{transform:scale(1.05)}.logo{will-change:filter;z-index:2;height:8em;padding:1.5em;transition:filter .3s;display:block;position:relative}.logo:hover{transform:scale(1.05)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.subline{font-weight:500}.love{color:#ffb6c1}@keyframes brandGlow{0%{filter:blur(15px);transform:scale(1)}to{filter:blur(20px);transform:scale(1.1)}}@keyframes logoShimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.main-content{flex:1}.read-the-docs{color:#888}@media (width<=430px){#root{min-height:80vh}.logo-container{margin-top:1em;padding:2px}.logo-container:before{filter:blur(12px);border-radius:28px;inset:-8px}.logo-container:after{border-radius:20px}}