@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&display=swap";#root{width:1280px;margin:0 auto;padding:0;text-align:center}#root.full-screen-root{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;border:none!important}.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}.page-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#002926,#001915 70%);z-index:0}.page-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/bg-code4.jpg);background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;z-index:1}.curtain-left,.curtain-right{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(90deg,#0a0a0a,#111,#0a0a0a);z-index:3;transition:transform .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.curtain-left{left:0;transform:translate(0)}.curtain-right{right:0;transform:translate(0)}.reveal:hover~.curtain-left{transform:translate(-100%)}.reveal:hover~.curtain-right{transform:translate(100%)}.reveal:hover~.page-bg-image{opacity:1}.reveal-text{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;text-transform:uppercase;text-align:center;letter-spacing:4px;cursor:pointer;color:#00796b;text-shadow:0 0 4px #ffffff,0 0 8px #ffffff,0 0 16px #ffffff;animation:pulse-start 2s ease-in-out infinite;transition:color .3s ease,text-shadow .3s ease,filter .3s ease}.reveal:hover .reveal-text{animation:glitch .4s steps(2,end),pulse-hover 2s ease-in-out infinite;color:#fff;text-shadow:0 0 6px #00796b,0 0 12px #009688,0 0 24px #00bfa5;filter:brightness(1.4)}@keyframes pulse-start{0%{text-shadow:0 0 2px #ffffff,0 0 6px #ffffff,0 0 12px #ffffff}50%{text-shadow:0 0 4px #ffffff,0 0 8px #ffffff,0 0 16px #ffffff}to{text-shadow:0 0 2px #ffffff,0 0 6px #ffffff,0 0 12px #ffffff}}@keyframes pulse-hover{0%{text-shadow:0 0 6px #00796b,0 0 12px #009688,0 0 24px #00bfa5}50%{text-shadow:0 0 12px #00796b,0 0 20px #009688,0 0 36px #00bfa5}to{text-shadow:0 0 6px #00796b,0 0 12px #009688,0 0 24px #00bfa5}}@keyframes glitch{0%{text-shadow:3px 0 #ffffff,-3px 0 #ffffff}25%{text-shadow:-2px 0 #ffffff,2px 0 #ffffff}50%{text-shadow:2px 0 #ffffff,-2px 0 #ffffff}75%{text-shadow:-1px 0 #ffffff,1px 0 #ffffff}to{text-shadow:1px 0 #ffffff,-1px 0 #ffffff}}.reveal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;padding:40px 80px;border-radius:12px;cursor:pointer;text-align:center}@media (max-width: 480px),(max-height: 600px){.reveal .reveal-text{font-size:1.6rem!important;letter-spacing:1px!important}.reveal{padding:10px 20px!important}}@media (max-width: 768px),(max-height: 768px){.reveal-text{font-size:3rem;letter-spacing:3px}.reveal{padding:30px 60px}}:root{--accent-color: #02a87b;--white-color: #fff;--box-shadow: 0 0 5px #029870, 0 0 25px #04c18b, 0 0 50px #06d197, 0 0 100px #08c992}.button-animation{position:relative;display:inline-block;padding:20px 30px;color:var(--accent-color);text-transform:uppercase;overflow:hidden;letter-spacing:4px;transition:.5s}.button-animation span{position:absolute;display:block}.button-animation span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color));animation:btn-anim1 1s linear infinite}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.button-animation span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,var(--accent-color));animation:btn-anim2 1s linear infinite;animation-delay:.25s}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.button-animation span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,var(--accent-color));animation:btn-anim3 1s linear infinite;animation-delay:.5s}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.button-animation span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,var(--accent-color));animation:btn-anim4 1s linear infinite;animation-delay:.75s}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.button-animation:hover{background-color:var(--accent-color);color:var(--white-color);border-radius:5px;box-shadow:var(--box-shadow)}@media (max-width: 768px),(max-height: 768px){.button-animation{padding:15px 25px;letter-spacing:2px;font-size:.9rem}}@media (max-width: 480px),(max-height: 600px){.button-animation{padding:5px 10px;letter-spacing:1px;font-size:.5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}