:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden}#root{width:100%;height:100vh;margin:0;padding:0}.transition-curtain-top,.transition-curtain-bottom{z-index:9998;background:#000;width:100vw;height:50vh;transition:transform 1s cubic-bezier(.7,0,.3,1);position:fixed;left:0;transform:translateY(0)}.transition-curtain-top{clip-path:polygon(0 0,100% 0,100% 80%,0 100%);top:0;transform:translateY(-100%)}.transition-curtain-bottom{clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);bottom:0;transform:translateY(100%)}.transition-curtain-top.open{animation:1.2s cubic-bezier(.7,0,.3,1) forwards curtainTopAnim}.transition-curtain-bottom.open{animation:1.2s cubic-bezier(.7,0,.3,1) forwards curtainBottomAnim}@keyframes curtainTopAnim{0%{transform:translateY(-100%)}45%{transform:translateY(0)}55%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes curtainBottomAnim{0%{transform:translateY(100%)}45%{transform:translateY(0)}55%{transform:translateY(0)}to{transform:translateY(100%)}}.split-laser{z-index:10000;opacity:0;background:#fff;width:0;height:2px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-11deg);box-shadow:0 0 15px #fff,0 0 30px #00d2ff}.splitting .split-laser{animation:1.2s forwards laserFlash}@keyframes laserFlash{0%,40%{opacity:0;width:0}45%{opacity:1;width:120vw}55%{opacity:1;width:120vw}60%{opacity:0;width:120vw}to{opacity:0}}.navbar{z-index:999;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:center;align-items:center;width:100%;height:80px;font-size:1.1rem;transition:all .5s;display:flex;position:fixed;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fb3;border-bottom:1px solid #ffffff0d;height:70px;box-shadow:0 4px 30px #0000001a}.navbar-container{justify-content:center;align-items:center;width:90%;max-width:1400px;height:100%;display:flex;position:relative}.logo-container{cursor:pointer;z-index:2;align-items:center;display:flex;position:absolute;left:0}.logo-text{color:#fff;letter-spacing:2px;z-index:2;text-shadow:0 0 10px #00d2ff4d;font-size:1.8rem;font-weight:700;transition:all .3s}.logo-glow{opacity:0;z-index:1;background:radial-gradient(circle,#00d2ff33 0%,#0000 70%);width:120%;height:120%;transition:opacity .3s;position:absolute;top:-10%;left:-10%}.logo-container:hover .logo-text{text-shadow:0 0 20px #00d2ffcc;transform:scale(1.05)}.logo-container:hover .logo-glow{opacity:1}.nav-menu{text-align:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav-links{color:#ffffffb3;letter-spacing:1px;border-radius:8px;flex-direction:column;align-items:center;padding:.8rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.nav-text{z-index:2;position:relative}.nav-links:hover{color:#fff;background:#ffffff0d}.nav-links.active{color:#00d2ff;text-shadow:0 0 15px #00d2ff80}.nav-indicator{background:linear-gradient(90deg,#0000,#00d2ff,#0000);width:60%;height:2px;transition:transform .4s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0);box-shadow:0 0 10px #00d2ff}.nav-links:hover .nav-indicator,.nav-links.active .nav-indicator{transform:translate(-50%)scaleX(1)}.nav-connect{align-items:center;display:flex}.connect-btn{color:#00d2ff;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #00d2ff4d;border-radius:20px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.connect-btn:hover{background:#00d2ff1a;border-color:#00d2ff;transform:translateY(-2px);box-shadow:0 0 15px #00d2ff4d}.connect-btn:active{transform:translateY(0)}@media screen and (width<=960px){.nav-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0ff2;flex-direction:column;width:100%;height:90vh;padding-top:2rem;transition:all .5s;position:absolute;top:80px;left:-100%}.nav-menu.active{left:0}.nav-item{margin:1.5rem 0}.nav-links{width:100%;padding:1.5rem;font-size:1.2rem}}.about-container{background-color:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.content-overlay{z-index:20;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.content-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;pointer-events:auto;text-align:center;background:#0a0a0fd9;border:1px solid #00d2ff4d;border-radius:16px;width:85%;max-width:400px;padding:2rem;position:relative;box-shadow:0 0 40px #00d2ff26}.close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;font-size:1.8rem;transition:color .3s;position:absolute;top:10px;right:15px}.close-btn:hover{color:#fff}.content-card h2{background:linear-gradient(45deg,#fff,#00d2ff);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;margin-bottom:.3rem;font-size:1.8rem}.content-card h3{color:#00d2ff;margin-bottom:.8rem;font-size:1.1rem;font-weight:500}.content-card p{color:#fffc;font-size:.9rem;line-height:1.5}.join-form{text-align:left;flex-direction:column;gap:10px;margin-top:1rem;display:flex}.join-form input,.join-form textarea{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.85rem;transition:all .3s}.join-form input::placeholder,.join-form textarea::placeholder{color:#fff6}.join-form input:focus,.join-form textarea:focus{background:#00d2ff0d;border-color:#00d2ff;box-shadow:0 0 10px #00d2ff33}.join-form textarea{resize:vertical}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#00d2ff,#1b3984);border:none;border-radius:6px;margin-top:5px;padding:10px;font-size:1rem;font-weight:700;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d2ff66}.submit-btn:active{transform:translateY(0)}.success-message{flex-direction:column;align-items:center;gap:10px;margin-top:2rem;display:flex}.success-icon{color:#000;background:#00d2ff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;font-size:2rem;display:flex;box-shadow:0 0 20px #00d2ff80}.success-message p{color:#00d2ff;font-size:1.1rem;font-weight:700}.products-container{background:#000;justify-content:space-between;align-items:center;min-height:100vh;padding:0 10%;display:flex;position:relative;overflow:hidden}.products-content{z-index:2;flex:1;max-width:50%;padding-right:5%}.products-content h1{color:#fff;text-shadow:0 0 20px #00d2ff80;letter-spacing:2px;margin-bottom:2rem;font-size:3.5rem;font-weight:700}.products-description{color:#fffc;margin-bottom:2rem;font-size:1.1rem;font-weight:400;line-height:1.8}.products-canvas{z-index:1;flex:1;max-width:50%;height:80vh;position:relative}.products-canvas canvas{border-radius:20px;box-shadow:0 0 50px #00d2ff33;width:100%!important;height:100%!important}@media screen and (width<=1024px){.products-container{flex-direction:column;padding:10% 5%}.products-content,.products-canvas{width:100%;max-width:100%}.products-content{text-align:center;margin-bottom:2rem;padding-right:0}.products-content h1{font-size:2.5rem}.products-canvas{height:60vh}}@media screen and (width<=768px){.products-content h1{font-size:2rem}.products-description{font-size:1rem}.products-canvas{height:50vh}}.app-container{background-color:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.content{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-text{text-align:center;color:#fff;pointer-events:auto}.hero-text h1{color:#fff;letter-spacing:5px;margin:0 0 1rem;font-size:4rem;animation:3s ease-in-out infinite alternate breathe}@keyframes breathe{0%{text-shadow:0 0 2px #fff3,0 0 5px #ffffff1a;opacity:.9}to{text-shadow:0 0 10px #fff9,0 0 20px #fff6,0 0 30px #fff3;opacity:1}}.hero-text p{color:#ccc;letter-spacing:2px;text-transform:uppercase;font-size:1.2rem}