@import"https://fonts.googleapis.com/css2?family=Inter&family=Poppins:wght@300;400;500;600;700;800&display=swap";#root{width:100vw;height:100vh}*{font-family:Poppins,sans-serif}body{margin:0;font-weight:900}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:rgba(255,255,255,.23)}::-webkit-scrollbar-thumb{background:white;height:10%}.overlay{position:absolute;top:0;left:0;bottom:0;right:0}.overlay--disable{pointer-events:none}.loader{position:absolute;top:0;left:0;bottom:0;right:0;background:#fff;transition:opacity 2s ease-in-out}.loader--disappear{opacity:0}.intro{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.end{display:none}.close{cursor:pointer;margin-left:.5rem}.popup-center{color:red}.logo{color:#fff;font-size:5rem;letter-spacing:.5rem;padding:0;margin:0;transform:translateY(-50%);position:absolute;top:50vh;animation:fadeUp 2.4s ease-in-out;transition:all 2s ease-in-out}.intro--disappear .logo{top:42px;transform:scale(.25);transform-origin:center top}.intro__scroll{opacity:0;color:#fff;font-size:1rem;letter-spacing:.05rem;position:absolute;top:24vh}.intro--disappear .intro__scroll{animation:fadeIn 1s ease-in-out 1.5s forwards}.overlay--scrolled .intro__scroll{animation:fadeOut 1s ease-in-out forwards}.outro{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;opacity:0;transition:opacity 8s ease-in-out}.outro--appear{opacity:1}.outro__input{font-size:1.5rem;color:#fff}.explore{padding:1rem 2rem;border:none;font-size:1.25rem;letter-spacing:.25rem;color:#3535cc;border-radius:32px;cursor:pointer;margin-top:320px;display:inline-block;position:relative;z-index:1;overflow:hidden;transition:.42s ease-in-out;animation:fadeIn 2.4s ease-in-out 2s forwards;opacity:0}.explore:hover{color:#fff}.explore:hover:before{width:200%;height:300%;border-radius:90%}.explore:before{content:"";background:#3535cc;position:absolute;width:0%;bottom:0;left:50%;height:0%;transition:.42s ease-in-out;z-index:-1;transform:translate(-50%) translateY(50%)}.intro--disappear .explore{animation:fadeOut 1s ease-in-out forwards}.form-title{color:#fff}.form{justify-content:center;width:500px;display:flex;flex-direction:column;gap:25px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.input{padding:20px;background-color:#f0f0f0;border:none;border-radius:5px}.textarea{padding:20px;background-color:#f0f0f0;border:none;border-radius:5px;font-family:Poppins,sans-serif}.button{background-color:#3535cc;border:none;border-radius:5px;color:#fff;font-weight:700;padding:20px;cursor:pointer;overflow:hidden;transition:.42s ease-in-out;animation:fadeIn 2.4s ease-in-out 2s forwards;opacity:0}.button:hover{background-color:#262694}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;border-radius:8px;width:80%;max-width:300px;padding:20px;animation:modalFadeIn .6s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-close-button{background:none;border:none;cursor:pointer;font-size:24px;color:#9c9797}.modal-body{display:flex;justify-content:space-evenly;margin-top:10px}.modal-body p{margin-bottom:10px}.reload-page{margin-top:35px;display:flex;justify-content:center}@media screen and (max-width: 768px){.logo{font-size:3rem;letter-spacing:.25rem;text-align:center}.intro--disappear .logo{top:24px;transform:scale(.5);transform-origin:center top}.outro__input{font-size:1rem}.form{width:300px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(100px);filter:blur(9px)}to{opacity:1;fill:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(150px)}to{opacity:1;transform:translateY(0)}}