*{box-sizing:border-box;margin:0;padding:0}canvas{height:100dvh;width:100dvw}.hero-container{align-items:center;background-color:#000;display:flex;flex-direction:column;font-size:2rem;font-weight:700;height:100vh;justify-content:center;overflow:hidden;padding:2rem;position:relative;text-align:center;width:100%}.hero-3d-background{background:#0000;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-content{color:#fff;position:relative;text-shadow:2px 2px 4px #00000080;z-index:1}.hero{margin-bottom:1rem}.hero-button{background-color:#3193fc;border:none;border-radius:5px;box-shadow:0 4px 6px #0000004d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:15px;padding:10px 20px;transition:all .3s ease}.hero-button:hover{background-color:#1e7cd6;box-shadow:0 6px 8px #0006;transform:translateY(-2px)}.about{background-color:#000;color:#fff;height:calc(100dvh - 50px);overflow:hidden;padding-top:20px;position:relative;text-align:center}.about-title{color:#1f6fff;margin-bottom:14px}.about-content{padding:20px;position:relative;z-index:10}.about3d-container{cursor:pointer;left:0;pointer-events:auto;position:absolute;top:0;z-index:1}.about3d-canvas,.about3d-container{height:100%;width:100%}.playground-container{height:calc(100% - 50px);margin-top:10px;overflow:hidden;position:relative;text-align:center;width:100%}.leva{height:50px;position:absolute;right:3px;top:53px;width:200px;z-index:1001}.playground{height:-webkit-fit-content;height:fit-content;margin:0;width:-webkit-fit-content;width:fit-content}.opacity{transition:opacity .2s ease-out}header{padding:1rem;z-index:2}.Navbar,header{position:fixed;width:100%}.Navbar{align-items:center;background-color:#0f172a;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:10px 20px;top:0;z-index:1000000}.Navbar-brand{color:#fff;font-weight:700;letter-spacing:.5px;margin:auto 0;padding:10px;text-decoration:none}ul{display:flex;justify-content:space-between;margin:0;padding:0}li{left:0;list-style:none;position:relative;text-align:left}.Navbar a{color:#fff;font-size:14px;margin:0;padding:10px;text-decoration:none}.home{margin-top:55px}.Navbar a:hover{color:#1f6fff}h1,h2,h3{color:#2c3e50}.menu-btn{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;margin-top:10px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:24px;z-index:999999}.menu-btn_burger{right:0;top:.5rem}.menu-btn_burger,.menu-btn_burger:before{background:#fff;height:3px;position:absolute;transition:all .3s ease;width:24px}.menu-btn_burger:before{content:"";top:-8px}.menu-btn_burger:after{background:#fff;content:"";height:3px;position:absolute;top:8px;transition:all .3s ease;width:20px}.menu-btn_burger.open{background:#0000;transform:rotate(2turn)}.menu-btn_burger.open:before{background-color:#e2e8f0;transform:rotate(45deg) translate(5px,8px)}.menu-btn_burger.open:after{background-color:#e2e8f0;transform:rotate(-45deg) translate(3px,-7px);width:24px}.nav{margin:0;opacity:.98;padding:0;position:fixed;right:0;top:0;visibility:hidden;width:28vw}.nav.open{visibility:visible}.menu-nav{align-items:center;background:#0f172a;display:flex;flex-flow:column wrap;height:100dvh;justify-content:center;justify-content:flex-start;list-style-type:none;overflow:hidden;text-align:left;transform:translateY(-100%);transition:all .3s ease}.menu-nav.open{transform:translateY(0)}.menu-nav_item{transform:translateX(100vw);transition:all .3s ease}.menu-nav_item.open{transform:translateX(0)}.menu-nav_item.active>a{color:#3193fc}.menu-nav_link{display:inline-block;font-size:1.8rem;font-weight:300;justify-content:center;padding:2rem 0;text-transform:uppercase;transition:all .3s ease}.menu-nav_link:hover{color:#3193fc}.menu-nav_item:first-child{transition-delay:.15s}.menu-nav_item:nth-child(2){transition-delay:.25s}.menu-nav_item:nth-child(3){transition-delay:.35s}.menu-nav_item:nth-child(4){transition-delay:.45s}.history-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;font-size:15px;justify-content:center;margin:0 auto;padding:0;width:100%}.history-dropdown{background:#111827;border-radius:8px;color:#fff;margin-top:0;padding:10px}.history-info{font-size:10px;margin:0 0 8px}.history-info strong{color:#1f6fff}.history-empty{font-size:12px;opacity:.8}.history-empty,.history-interactions{margin:0 0 10px}.history-interactions-label{font-size:11px;margin:0 0 6px;opacity:.9}.history-interactions-list{display:block;list-style:none;margin:0;padding:0}.history-interaction-item{margin-bottom:4px}.history-interaction-text{color:#93c5fd;font-size:10px}.history-reset-btn{background:#0b1220;border:1px solid #334155;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease;width:100%}.history-reset-btn:hover{background:#1e293b;border-color:#475569}.history-reset-btn:active{background:#0f172a}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.footer{background-color:#333;bottom:0;color:#fff;padding:0 0 20px;text-align:center;width:100%}.footer-bottom{font-size:13px;margin-top:15px}.back-line,.footer-line{margin:0 auto;width:97%}.tablet,.tablet-container{display:none}.container{margin:10px auto 0;max-width:1200px;padding:0}.footer-links{display:flex;flex-direction:column;flex-wrap:wrap;margin-left:1.5%;text-align:left}.footer-links a{color:#fff;font-size:12px;padding:5px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#1e7cd6}.left{display:block}.back-to-top{align-items:center;background-color:#333;display:flex;justify-content:center;padding:10px;position:relative}.back-to-top a{color:#fff;font-size:12px;padding:5px;text-decoration:none;transition:color .3s}@media screen and (min-width:1024px) and (max-width:1440px){.tablet,.tablet-container{display:flex}.footer{background-color:#333;color:#fff;padding:20px 0;text-align:center}.container{display:flex;flex-direction:column;margin:0 auto;max-width:100%}.newsletter{margin-bottom:20px}.newsletter input{border:none;border-radius:4px;margin-right:10px;padding:10px}.newsletter button{background-color:#f68b1e;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.tablet-container{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;width:100%}.footer-bottom{font-size:13px;margin-top:15px;text-align:center}.mobile{display:none}}@media (min-width:768px){.hero{padding:100px 20px 120px}.Navbar a{color:#fff;font-size:30px;text-decoration:none}.menu-btn{visibility:hidden}.Navbar{opacity:1}header .nav{margin-top:23px}.nav{opacity:1;position:absolute;visibility:visible;width:100dvw}.nav .menu-nav{align-items:center;background:none;bottom:10px;display:block;height:100%;justify-content:center;margin:auto 0;position:relative;text-align:right;transform:translateY(0)}.nav .menu-nav_item{display:inline;padding-right:1.5rem}.nav .menu-nav_link{font-size:1rem}.Navbar a:hover{color:#1f2937}.history-btn{display:inline-block;margin:0;width:-webkit-fit-content;width:fit-content}}
/*# sourceMappingURL=main.cf68ed99.css.map*/