.animated-background{background-image:linear-gradient(130deg,#171024 10%,#020513 20%,#1f102c 50%,#000);position:fixed;width:100%;height:120vh}.animated-background .planet-blob{position:absolute;left:0;top:0;width:100%;filter:brightness(.9);opacity:.8;pointer-events:none;animation:moveUpAndDown 40s infinite alternate ease-in-out;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes moveUpAndDown{0%{transform:translateY(-50%)}to{transform:translateY(5%)}}.lang-button{position:absolute;right:25px;top:25px;opacity:.4;transition:all ease-out .3s;z-index:10}.lang-button button,.lang-button button:hover{padding:0}.lang-button .current-lang{width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.lang-button .current-lang img{height:100%}.lang-button .lang-options{opacity:0;position:absolute;right:50px;top:0;display:flex;flex-direction:column;align-items:flex-end;transition:all ease-out .3s}.lang-button .lang-options span{cursor:pointer;padding-right:0;transition:all ease-out .3s}.lang-button .lang-options span:hover{color:#007c92;padding-right:10px}@media (max-width: 580px){.lang-button{right:10px}.lang-button .lang-options{right:18px;top:45px;font-size:20px;background:#030a18dd;padding:10px 15px;border-radius:10px 0 10px 10px;box-shadow:0 8px 50px #000c}.lang-button .lang-options span:hover{padding-right:0}}.lang-button:hover,.lang-button:hover .lang-options{opacity:1}.banner{font-size:40px;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;position:absolute;top:0;height:90px;background:linear-gradient(30deg,#007c9205 20%,#1b517960,#50a2e060)}.banner.glass{border:none;border-bottom:1px solid rgba(255,255,255,.0823529412)}.banner svg{font-size:30px}.logo{position:relative;display:flex;align-items:center;width:fit-content;height:fit-content;font-size:40px;line-height:40px;font-weight:600}.logo svg{font-size:32px}.logo span{font-size:10px;line-height:10px;position:absolute;right:38px;bottom:-8px}.intro-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:900px;padding:130px 40px 110px;border-radius:30px;position:relative;overflow:hidden;margin:20px}.intro-page .title-bg{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#a4cbec10;background:linear-gradient(30deg,#007c9205 20%,#1b517960,#50a2e060);height:130px;width:100%;top:0;left:0;z-index:0}.intro-page .action-bg{position:absolute;background:#a4cbec10;height:110px;width:100%;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:flex-end}.intro-page .subtitle{font-weight:300;font-size:20px;line-height:10px;margin:0}.intro-page .logo{margin-top:10px;scale:1.3}.intro-page h2{margin:12px 0}.intro-page p{text-align:justify;z-index:1;margin:0 0 26px;color:#fffb;font-weight:400}.intro-page p.roles{line-height:26px}.intro-page p.roles svg{margin-right:4px;font-size:12px;color:#fff}.intro-page p b,.intro-page p strong{color:#fffe;font-weight:600}.intro-page img{border-radius:15px;margin:10px 0;border:3px dotted rgba(255,255,255,.1215686275)}.intro-page button{bottom:20px;font-size:22px;width:400px;border-radius:10px 0 0 10px;justify-content:flex-start;transition:all ease-in-out .5s}.intro-page button:hover{padding-left:10em}.intro-page button svg{font-size:24px}.intro-page .ready-text{margin-right:20px}.intro-page .ready-text h2,.intro-page .ready-text p{margin:0;text-align:right}@media (max-width: 768px){.intro-page{border-radius:0;margin:0;display:block;height:100%;padding:150px 20px 100px}.intro-page .ready-text{margin-right:12px}.intro-page .ready-text h2{font-size:16px}.intro-page .ready-text p{font-size:12px}.intro-page .title-bg{padding-top:20px}.intro-page button{width:200px}.intro-page button:hover{padding-left:2.2em}}.loading{height:300px}.loading svg{height:300px}.loading-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.carousel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.carousel-container .carousel{width:100%;overflow:hidden;position:relative}.carousel-container .carousel .item{height:fit-content;width:100%;display:flex;align-items:center;justify-content:center}.carousel-container .controls{display:flex;justify-content:space-between;width:100px;margin-top:10px}.carousel-container .controls .button{background:none;border:2px solid #ccc;border-radius:50%;padding:10px;cursor:pointer;transition:background .3s}.carousel-container .controls .button:hover{background:#f0f0f0}.stepper{font-size:18px;opacity:.7}.motion-question{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.question-header{display:flex;gap:20px}.question{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:20px;border-radius:20px;width:800px;z-index:1;margin:-100px 12px 0}.question .share-button{cursor:pointer;font-size:22px;position:absolute;right:-12px;top:-12px;border-radius:50%;background:#007c92;height:40px;width:40px;display:flex;justify-content:center;align-items:center;transition:all ease-out .3s}.question .share-button:hover{filter:brightness(.8)}.question input{width:100%}.question h2{max-width:550px}.question textarea{position:relative;padding:10px 20px;width:80%;max-width:80%;border-radius:12px;font-size:16px;color:#fff;border-bottom:1px solid transparent;border-top:none;border-image-source:linear-gradient(to right,transparent 0%,rgba(255,255,255,.05) 10%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.3) 60%,rgba(255,255,255,.05) 90%,transparent 100%);border-image-slice:1;border-image-repeat:stretch;background:#ffffff08}.question textarea::placeholder{font-family:Red Hat Display,sans-serif;font-weight:600}@media (max-width: 768px) or (max-height: 788px){.question{margin-top:unset;width:80%;max-width:80%}}.tips-container{display:flex;flex-direction:column;margin:10px 0}.tips-container p{font-size:15px;opacity:.5;display:flex;width:100%;align-items:center;justify-content:center;gap:10px;margin:20px 0 0}.tips-container p svg{font-size:20px}.tips-container .tip{font-family:monospace;font-size:20px;height:60px;display:flex;align-items:center;justify-content:center}.story-container{padding:1rem 2rem;border-radius:1rem;margin:1rem 0;width:60%;font-size:1rem}.story-container h1{font-size:40px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.3764705882)}.story-container h2{font-size:35px}.story-container h3{font-size:30px}.story-container h2,.story-container h3{padding-top:10px;color:#fffc;border-top:1px solid rgba(255,255,255,.1254901961)}.story-container p,.story-container li{font-size:20px;text-align:justify;color:#fffb}.story-container p b,.story-container p strong,.story-container li b,.story-container li strong{color:#fffc}.story-container>*{line-break:normal;word-break:break-word;max-width:100%;white-space:break-spaces}@media (max-width: 768px){.story-container{width:85%;padding:1rem}.story-container h1{font-size:40px}}.main-page{align-items:center;justify-content:center;position:absolute;width:100%;height:calc(100% - 90px);top:90px}.main-page .buttons-container{margin-bottom:10px}.main-page .about{opacity:.2;transition:opacity .3s ease-out;z-index:-1;margin-top:40px}.main-page .about:hover{opacity:1}@media (max-width: 768px) or (max-height: 788px){.main-page{position:unset;margin-top:110px}}#root{width:100%;min-height:100vh;margin:0 auto;text-align:center}.buttons-container{display:flex;justify-content:center;gap:1rem}@media (max-width: 768px) or (max-height: 788px){.buttons-container{flex-direction:column}}.flex-center{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column}.content-container{height:100%;display:flex;justify-content:center;align-items:center}.app-container{height:100vh}@media (max-width: 768px) or (max-height: 788px){.app-container{height:unset}}:root{font-family:Red Hat Display,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#191e25;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}textarea,input{outline:none;font-size:18px}button{border:none;outline:none;cursor:pointer;font-size:1em;font-weight:500;font-family:inherit;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:22px;background:linear-gradient(105deg,#007c92,#1b517e);color:#ffffffc5;border-radius:14px;transition:all ease-out .3s}button svg{font-size:20px;transition:all ease-out .3s}button:hover{filter:brightness(.8);padding:10px 40px}*::-webkit-scrollbar{width:.4rem}@media (max-width: 768px){*::-webkit-scrollbar{width:.2rem}}*::-webkit-scrollbar-track{background:#2b2b2bee}*::-webkit-scrollbar-thumb{border-radius:40px;background-color:#ffffff30;transition:background-color .3s ease-out}.glass{box-shadow:0 8px 50px #0000004d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.0823529412);background:linear-gradient(110deg,#191f2740,#40454d20 80%,#70737720)}