.App{background:linear-gradient(180deg,#0a0a1a,#1a1a2e);color:#e1e6ff;display:flex;flex-direction:column;height:auto;min-height:100vh;overflow-x:hidden;position:relative;text-align:center}.App-header{color:#fff;padding:2rem}.title-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#101830b3;border-bottom:1px solid #4facfe33;box-shadow:0 2px 10px #00c3ff1a;justify-content:space-between;padding:.8rem 2rem}.title-bar,.title-bar-left{align-items:center;display:flex}.title-bar-left{flex:1 1;justify-content:center}.nav-menu{display:flex;gap:2rem;justify-content:center;margin-right:2rem;width:100%}.nav-item{color:#e1e6ff;font-size:1.1rem;opacity:.8;text-decoration:none;text-shadow:0 0 5px #00c3ff4d;transition:all .2s}.nav-item:hover{opacity:1;text-shadow:0 0 8px #00c3ffcc;transform:translateY(-2px)}.logo{height:40px;width:auto}.metro-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:600px;padding:2rem}.metro-tile{aspect-ratio:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #4facfe1a;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1.8rem;position:relative;text-align:left;transition:all .3s ease}.metro-tile:hover{border-color:#4facfe66;box-shadow:0 10px 25px #00c3ff33;transform:translateY(-8px)}.metro-tile:before{background:linear-gradient(#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metro-tile:hover:before{opacity:1}.tile-blue-clear{background-color:#16213eb3;box-shadow:0 5px 15px #0086c933}.tile-green-clear{background-color:#163e21b3;box-shadow:0 5px 15px #00c98633}.tile-red-clear{background-color:#3e1621b3;box-shadow:0 5px 15px #c9008633}.tile-yellow-clear{background-color:#3e3e16b3;box-shadow:0 5px 15px #c9c90033}.tile-title{font-size:1.8rem;font-weight:600;margin-bottom:1.2rem;position:relative}.tile-description{font-size:1.1rem;line-height:1.4;opacity:.9;position:relative}.tile-icon{filter:drop-shadow(0 0 8px rgba(0,195,255,.6));font-size:2.5rem;margin-bottom:1rem}.main-content{background-color:initial;display:flex;flex:1 0 auto;flex-direction:column;height:auto;min-height:100vh;position:relative;z-index:1}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#101830b3;border-top:1px solid #4facfe33;color:#7a88c5;flex-shrink:0;margin-top:auto;padding:2rem;text-align:center}.footer-links{gap:2rem}.footer-link{color:#4facfe;transition:all .2s}.footer-link:hover{text-shadow:0 0 8px #4facfecc}.mobile-menu-button{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.page-content{color:#fff;margin:0 auto;max-width:800px;padding:2rem;width:100%}.page-content h1{font-size:2.5rem;margin-bottom:2rem}.about-section,.contact-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-radius:8px;padding:2rem;text-align:left}.about-section h2,.contact-section h2{margin-bottom:1rem}.contact-links{display:flex;gap:1rem;margin-top:2rem}.contact-link{background:#ffffff1a;border-radius:4px;color:#fff;display:inline-block;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.contact-link:hover{background:#fff3;transform:translateY(-2px)}.products-grid{margin:0 auto;max-width:1200px;width:100%}.products-grid .metro-grid{max-width:none}@media (max-width:768px){.products-grid .metro-grid{padding:1rem}.nav-menu{display:none}.nav-menu.active{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#004275f2;box-shadow:0 4px 6px #0003;display:flex;flex-direction:column;gap:1.5rem;left:0;padding:1.5rem;position:fixed;right:0;top:60px;z-index:1000}}@media (max-width:768px){@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-button{display:block}.title-bar{padding:.8rem 1rem}.metro-grid{gap:1rem;grid-template-columns:1fr;padding:1rem}.metro-tile{aspect-ratio:auto;min-height:200px}.footer-links{flex-direction:column;gap:1rem}}@media (min-width:769px) and (max-width:1024px){.metro-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tile-title{font-size:1.4rem}.tile-description{font-size:1rem}.tile-icon{font-size:2rem}}.mission-vision,.projects,.team{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(53,37,82,.301);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 6px #0086c91a;color:#e4e4e7;margin:2rem 0;padding:2rem}.mission-vision h2,.projects h2,.team h2{font-size:2rem;margin-bottom:1rem}.projects-grid,.team-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.project-card,.team-member{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ae00ff33;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 6px #0086c91a;box-shadow:0 4px 6px #0000001a;padding:1rem}.project-card h3,.team-member h3{font-size:1.5rem;margin-bottom:.5rem}.footer-links{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.footer-link{color:#60a5fa;text-decoration:none}.footer-link:hover{text-decoration:underline}.product-page{background:linear-gradient(180deg,#0a0a1a,#1a1a2e);color:#e1e6ff;overflow-x:hidden;padding:2rem;position:relative}.product-page:before{content:none}.hero{margin-bottom:4rem;padding-top:2rem;text-align:center}.hero h1{-webkit-text-fill-color:#0000;animation:pulse 3s infinite alternate;background:linear-gradient(90deg,#4facfe 0,#00f2fe);-webkit-background-clip:text;font-size:4rem;margin-bottom:1rem;text-shadow:0 0 15px #00c3ff80}@keyframes pulse{0%{text-shadow:0 0 15px #00c3ff80}to{text-shadow:0 0 25px #00c3ffcc}}.tagline{color:#7a88c5;opacity:.9}.overview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101830b3;border:1px solid #4facfe33;border-radius:16px;box-shadow:0 0 20px #00c3ff1a;margin-bottom:3.5rem;padding:2.5rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3.5rem}.feature-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 5px 15px #0003;padding:1.8rem}.feature-card:hover{border-color:#4facfe66;box-shadow:0 10px 25px #00c3ff33;transform:translateY(-8px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1.2rem}.code-preview{margin-bottom:3.5rem;padding:2.5rem}.code-preview h2{color:#4facfe;margin-bottom:1.5rem}.code-preview code{display:block;text-align:left}.tools-grid{margin:2.5rem 0}.tool{background:#16213eb3;border:1px solid #4facfe1a;border-radius:12px;box-shadow:0 5px 15px #0003;padding:1.8rem;transition:all .3s}.tool:hover{border-color:#4facfe4d;box-shadow:0 8px 20px #00c3ff26;transform:translateY(-5px)}.tool h3{color:#4facfe;margin-bottom:.8rem}.tooling h2{color:#4facfe;margin-bottom:1.5rem}.cta{background:#101830b3;border:1px solid #4facfe33;border-radius:16px;box-shadow:0 0 30px #00c3ff1a;margin:5rem 0;padding:3rem;text-align:center}.cta h2{color:#4facfe;font-size:2.2rem;margin-bottom:1rem}.cta-buttons{margin-top:2.5rem}.btn{border-radius:8px;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-decoration:none;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 5px 15px #4facfe66;color:#0a1028}.btn-primary:hover{box-shadow:0 7px 20px #4facfe99;transform:translateY(-3px)}.btn-secondary{background:#16213ecc;border:1px solid #4facfe4d;color:#e1e6ff}.btn-secondary:hover{background:#1e2d50e6;border-color:#4facfe80;box-shadow:0 5px 15px #0003;transform:translateY(-3px)}.product-footer{color:#7a88c5;margin-top:5rem;padding-top:2rem}.product-footer a{transition:all .2s}section{transition:all .5s ease}section h2{color:#e1e6ff;margin-bottom:1.5rem}@media (max-width:768px){.cta-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;text-align:center;width:100%}}.not-found-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.error-code{color:#1a1a1a;font-size:8rem;font-weight:700;line-height:1;margin:0}.error-message{color:#333;font-size:2rem;margin:1rem 0}.error-description{color:#fff;font-size:1.2rem;margin-bottom:2rem}.home-button{background-color:#007bff;border-radius:5px;color:#fff;font-size:1.1rem;padding:1rem 2rem;text-decoration:none;transition:background-color .3s ease}.home-button:hover{background-color:#0056b3}@media (max-width:768px){.error-code{font-size:6rem}.error-message{font-size:1.5rem}.error-description{font-size:1rem}}:root{--primary:#6c63ff;--primary-dark:#5a52d9;--secondary:#2ec4b6;--background-dark:#121212;--card-bg:#1e1e1e;--text-secondary:#b3b3b3}.product-container{color:#fff;color:var(--text-primary);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:2rem}.hero-content h1{background:linear-gradient(45deg,#6c63ff,#2ec4b6)}.version{color:#ff7e5f;color:var(--accent);font-size:2.5rem;font-weight:300;opacity:.8}.tagline{color:#b3b3b3}.primary-btn{background:linear-gradient(45deg,#6c63ff,#2ec4b6);box-shadow:0 4px 15px #6c63ff80;color:#fff}.primary-btn:hover{box-shadow:0 7px 20px #6c63ffb3}.secondary-btn{border:2px solid #6c63ff;color:#6c63ff}.secondary-btn:hover{background:#6c63ff1a}.code-editor-mockup{background:#1e1e1e}.editor-header{background:#252525}.code-editor-mockup .editor-body pre{background:#0000!important;border-radius:0;color:inherit!important;padding:0}.code-keyword{color:#c792ea}.code-function{color:#82aaff}.code-string{color:#ecc48d}.code-console{color:#f07178}.features h2:after{background:linear-gradient(45deg,#6c63ff,#2ec4b6)}.feature-card{background:#1e1e1e;background:var(--card-bg);border:1px solid #ffffff0d}.feature-card:hover{border:1px solid #6c63ff4d;box-shadow:0 15px 30px #0003}.feature-icon{color:#6c63ff}.feature-card p{color:#b3b3b3;position:relative}.demo-section{margin:4rem 0;padding:2rem 0;position:relative;text-align:center;z-index:1}.demo-section:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1e4d;content:"";height:100%;left:-50vw;position:absolute;right:-50vw;top:0;z-index:-1}.demo-container{align-items:center;display:flex;gap:3rem;margin-top:3rem}@media (max-width:768px){.demo-container{flex-direction:column}}.demo-video{box-shadow:0 10px 30px #00000080;flex:1.5 1}.demo-video,.video-placeholder{border-radius:10px;overflow:hidden}.video-placeholder{align-items:center;background:linear-gradient(135deg,#2e2e2e,#1a1a1a);border:1px solid #ffffff1a;color:#b3b3b3;color:var(--text-secondary);display:flex;font-size:1.5rem;height:350px;justify-content:center;position:relative}.video-placeholder:before{animation:scan 4s linear infinite;background:#6c63ff1a;content:"";height:50px;position:absolute;width:150%}@keyframes scan{0%{transform:translateY(-100px)}to{transform:translateY(400px)}}.video-placeholder span{background:#00000080;border:1px solid #6c63ff;border:1px solid var(--primary);border-radius:50px;font-weight:500;padding:1rem 2rem;z-index:1}.demo-text{background:#1e1e1e;background:var(--card-bg);border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 10px 30px #0000004d;flex:1 1;padding:2rem;text-align:left}.demo-text h3{background:linear-gradient(45deg,#6c63ff,#2ec4b6);background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#6c63ff;color:var(--primary);color:#0000;display:inline-block;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.demo-text p{color:#fff;color:var(--text-primary);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.demo-features{list-style-type:none;padding:0}.demo-features li{color:#fff;color:var(--text-primary);font-size:1.05rem;padding:10px 0 10px 1.8rem;position:relative}.demo-features li:before{color:#2ec4b6;color:var(--secondary);content:"→";font-weight:700;left:0;position:absolute}.get-started{margin:4rem 0;position:relative;z-index:1}.get-started h2{font-size:2.5rem;margin-bottom:3rem}.setup-container{display:flex;gap:2rem;justify-content:center}@media (max-width:768px){.setup-container{flex-direction:column}}.installation-card,.requirements-card{background:#1e1e1e;background:var(--card-bg);border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 4px 20px #0000001a;flex:1 1;padding:2rem;text-align:left}.installation-card h3,.requirements-card h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.requirements-card ul{margin-bottom:2rem;padding-left:1.5rem}.requirements-card li{color:#b3b3b3;color:var(--text-secondary);margin-bottom:.5rem}.download-btn{background:linear-gradient(45deg,#6c63ff,#5a52d9);background:linear-gradient(45deg,var(--primary),var(--primary-dark));border-radius:50px;box-shadow:0 4px 15px #6c63ff4d;color:#fff;display:inline-block;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.download-btn:hover{box-shadow:0 7px 20px #6c63ff80;transform:translateY(-3px)}.terminal{background:#0d1117;border-radius:8px;box-shadow:0 5px 20px #0000004d;overflow:hidden}.terminal-header{background:#161b22;border-bottom:1px solid #30363d;padding:8px 15px}.terminal-title{color:#8b949e;font-size:.9rem}.terminal-body{font-family:Courier New,monospace;padding:15px}.terminal-body p{color:#e6edf3;margin:10px 0}.command{color:#79c0ff}.platform-windows{color:#58a6ff}.platform-linux{color:#d2a8ff}.product-footer{border-top:1px solid #ffffff0d;color:#b3b3b3}.product-footer a{color:#6c63ff}.product-footer a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{align-items:center;display:flex;height:100px;justify-content:center}.loading-spinner:after{animation:spin 1s linear infinite;border:4px solid #6c63ff;border:4px solid var(--primary);border-radius:50%;border-top:4px solid #0000;content:"";height:40px;width:40px}[data-aos]{transition-duration:.4s!important}.debug-border{border:2px solid red}h2,h3{color:#fff;color:var(--text-primary);position:relative}.loading-spinner{border:4px solid #6c63ff4d;border-top-color:#6c63ff}.loading-code{background-color:#1e1e1e;background-color:var(--card-bg);border-radius:8px;color:#b3b3b3;color:var(--text-secondary);font-family:monospace;padding:1rem;text-align:center}:root{--primary:#4facfe;--primary-dark:#3d8bd7;--secondary:#00f2fe;--background-dark:#0a0a1a;--card-bg:#161b2c;--text-primary:#fff;--text-secondary:#a0b3ff;--accent:#ff7e5f;--animation-duration:0.6s}.star-background{animation:drift 60s linear infinite;background-image:radial-gradient(#fff,#fff3 2px,#0000 3px),radial-gradient(#fff,#ffffff26 1px,#0000 2px),radial-gradient(#fff,#ffffff1a 2px,#0000 3px);background-position:0 0,40px 60px,130px 270px;background-size:550px 550px,350px 350px,250px 250px;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes drift{0%{background-position:0 0,40px 60px,130px 270px}to{background-position:550px 550px,390px 410px,380px 520px}}.product-container.masm-container{background-color:#0a0a1ab3;color:#fff;color:var(--text-primary);display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:2rem;position:relative;z-index:1}.hero-section{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:3rem 0;min-height:60vh;position:relative}@media (max-width:768px){.hero-section{flex-direction:column;min-height:auto;padding:2rem 0}}.hero-content{flex:1 1}.hero-content h1{background:linear-gradient(45deg,#4facfe,#00f2fe);background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:4rem;margin-bottom:1rem;text-shadow:0 0 20px #4facfe80}.tagline{color:#a0b3ff;color:var(--text-secondary);font-size:1.5rem;font-style:italic;margin-bottom:2rem;max-width:500px}.hero-buttons{display:flex;gap:1rem;margin-top:2rem}.primary-btn,.secondary-btn{border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:all .3s ease}.primary-btn{background:linear-gradient(45deg,#4facfe,#00f2fe);background:linear-gradient(45deg,var(--primary),var(--secondary));border:none;box-shadow:0 4px 15px #4facfe80;color:#0a1028}.primary-btn:hover{box-shadow:0 7px 20px #4facfeb3;transform:translateY(-3px)}.secondary-btn{background:#0000;border:2px solid #4facfe;border:2px solid var(--primary);color:#4facfe;color:var(--primary)}.secondary-btn:hover{background:#4facfe1a}.hero-image{flex:1 1}.code-editor-mockup{background:#161b2c;background:var(--card-bg);border:1px solid #4facfe33;border-radius:10px;box-shadow:0 10px 30px #00000080;overflow:hidden}.editor-header{align-items:center;background:#0f1526;display:flex;padding:10px}.dot{border-radius:50%;height:12px;margin-right:6px;width:12px}.red{background-color:#ff5f57}.yellow{background-color:#ffbd2e}.green{background-color:#28c940}.editor-body{padding:20px}.editor-body pre{color:#a0b3ff;font-family:Consolas,Monaco,Courier New,monospace;margin:0;overflow-x:auto}.overview-section{margin:4rem 0;text-align:center}.overview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101830b3;border:1px solid #4facfe33;border-radius:16px;box-shadow:0 0 20px #00c3ff1a;padding:2.5rem}.overview-card h2{color:#fff;color:var(--text-primary);font-size:2.5rem;margin-bottom:1.5rem}.overview-card p{color:#a0b3ff;color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.features{margin:4rem 0;position:relative;text-align:center;z-index:1}.features h2{color:#fff;color:var(--text-primary);display:inline-block;font-size:2.5rem;margin-bottom:3rem;position:relative}.features h2:after{background:linear-gradient(45deg,#4facfe,#00f2fe);background:linear-gradient(45deg,var(--primary),var(--secondary));bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.feature-card{align-items:center;background:#16213eb3;border:1px solid #4facfe1a;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border:1px solid #4facfe4d;box-shadow:0 15px 30px #00c3ff33;transform:translateY(-10px)}.feature-icon{color:#4facfe;color:var(--primary);filter:drop-shadow(0 0 8px rgba(0,195,255,.6));font-size:2.5rem;margin-bottom:1.5rem}.feature-card h3{color:#fff;color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:#a0b3ff;color:var(--text-secondary);line-height:1.6}.code-preview-section{margin:4rem 0;text-align:center}.code-preview-section h2{color:#fff;color:var(--text-primary);font-size:2.5rem;margin-bottom:2rem}.code-preview{background:#101830b3;border:1px solid #4facfe33;border-radius:16px;box-shadow:0 0 20px #00c3ff1a;margin:0 auto;max-width:800px;padding:2rem}.code-preview pre{background:#0c1224cc;border-left:3px solid #4facfe;border-left:3px solid var(--primary);border-radius:8px;color:#a0b3ff;color:var(--text-secondary);font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;line-height:1.5;overflow-x:auto;padding:1.5rem;text-align:left;white-space:pre}.tooling-section{margin:4rem 0;text-align:center}.tooling-section h2{color:#fff;color:var(--text-primary);font-size:2.5rem;margin-bottom:3rem}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:2rem 0}.tool-card{background:#16213eb3;border:1px solid #4facfe1a;border-radius:12px;box-shadow:0 5px 15px #0003;padding:1.8rem;transition:all .3s}.tool-card:hover{border-color:#4facfe4d;box-shadow:0 8px 20px #00c3ff26;transform:translateY(-5px)}.tool-card h3{color:#4facfe;color:var(--primary);margin-bottom:.8rem}.tool-card p{color:#a0b3ff;color:var(--text-secondary);line-height:1.5}.get-started{background:#101830b3;border:1px solid #4facfe33;border-radius:16px;box-shadow:0 0 30px #00c3ff1a;margin:5rem 0;padding:3rem;text-align:center}.get-started h2{color:#fff;color:var(--text-primary);font-size:2.2rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:2rem}.product-footer{border-top:1px solid #4facfe33;color:#a0b3ff;color:var(--text-secondary);margin-top:3rem;padding:2rem 0;position:relative;text-align:center;z-index:1}.product-footer a{color:#4facfe;color:var(--primary);margin-left:.5rem;text-decoration:none}.product-footer a:hover{text-shadow:0 0 8px #4facfecc}.animate-element{opacity:0;transition:all .6s ease-out;transition:all var(--animation-duration) ease-out}.fade-up{animation:fadeUpAnimation .6s forwards;animation:fadeUpAnimation var(--animation-duration) forwards;opacity:1}.fade-right{animation:fadeRightAnimation .6s forwards;animation:fadeRightAnimation var(--animation-duration) forwards;opacity:1}.fade-left{animation:fadeLeftAnimation .6s forwards;animation:fadeLeftAnimation var(--animation-duration) forwards;opacity:1}.zoom-in{animation:zoomInAnimation .6s forwards;animation:zoomInAnimation var(--animation-duration) forwards;opacity:1}@keyframes fadeUpAnimation{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRightAnimation{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeLeftAnimation{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomInAnimation{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.loading-container{align-items:center;background-color:#0a0a1ae6;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.loading-container p{color:#fff;color:var(--text-primary);font-size:1.2rem;margin-top:1rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #4facfe4d;border-radius:50%;border-top-color:#4facfe;border-top:4px solid var(--primary);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.cta-buttons{align-items:center;flex-direction:column}.primary-btn,.secondary-btn{max-width:300px;text-align:center;width:100%}.hero-content h1{font-size:3rem}.tagline{font-size:1.2rem}.get-started{padding:2rem 1rem}}.docs-container{grid-gap:1px;background-color:#1a1a1a;display:grid;gap:1px;grid-template-columns:300px 1fr 350px;margin:0 auto;max-width:1800px;min-height:100vh;padding:0}.docs-sidebar{background-color:#282828;border:1px solid #3f3f46;height:100vh;overflow-y:auto;padding:1rem 0;position:sticky;top:0;width:300px}.docs-sidebar h2{border-bottom:1px solid #3f3f46;color:#e4e4e7;font-size:1.5rem;margin:0;padding:1rem}.docs-list,.docs-nested-list{list-style:none;padding:0}.docs-item{align-items:center;border:1px solid #0000;border-radius:4px;color:#d4d4d8;cursor:pointer;display:flex;gap:.5rem;margin:2px 8px;padding:.75rem 1rem;transition:all .2s ease}.docs-item-icon{font-family:"MS Sans Serif",Segoe UI,sans-serif;font-size:1.1rem;min-width:1.5rem}.docs-item.active,.docs-item:hover{background-color:#323232;border:1px solid #3f3f46}.docs-item.active{color:#60a5fa}.docs-content{display:flex;flex:1 1;justify-content:center;max-width:none;padding:2rem}.docs-content,.docs-notes{background-color:#282828;border:1px solid #3f3f46}.docs-notes{height:100vh;overflow-y:auto;padding:1rem 0;position:sticky;top:0}.docs-notes h2{color:#e4e4e7;font-size:1.5rem;margin-bottom:1.5rem}.documentation{background-color:#282828;border:1px solid #3f3f46;border-radius:8px;box-shadow:0 2px 8px #0003;margin:0;max-width:100%;overflow-x:hidden;padding:1rem;width:100%}.documentation img{height:auto;max-width:100%}.documentation h1{color:#e4e4e7;font-size:2.5rem;margin-bottom:1.5rem}.documentation h2{color:#e4e4e7;font-size:1.8rem;margin:2rem 0 1rem}.documentation h3{color:#e4e4e7;font-size:1.4rem;margin:1.5rem 0 .8rem}.documentation p{color:#d4d4d8;line-height:1.6;margin-bottom:1rem}.documentation code{background-color:#1e1e1e;border-radius:3px;font-family:Consolas,Monaco,monospace;padding:.2em .4em}.documentation pre{background-color:#18181b!important;border:1px solid #3f3f46;border-radius:6px;margin:1rem 0;max-width:100%;overflow-x:auto}.documentation ol,.documentation ul{color:#d4d4d8;margin:1rem 0;padding-left:2rem}.documentation li{margin:.5rem 0}.documentation a{color:#60a5fa;text-decoration:none}.documentation a:hover{text-decoration:underline}.documentation table{border-collapse:collapse;display:block;margin:1rem 0;overflow-x:auto;width:100%}.documentation td,.documentation th{border:1px solid #3f3f46;color:#d4d4d8;padding:.75rem}.documentation th{background-color:#3f3f46}.documentation tr:nth-child(2n){background-color:#27272a}@media (max-width:1200px){.docs-container{grid-template-columns:250px 1fr 300px}.docs-sidebar{width:250px}}@media (max-width:1000px){.docs-container{grid-template-columns:1fr}.docs-notes,.docs-sidebar{height:100vh;position:fixed;top:0;transition:transform .3s ease;z-index:100}.docs-sidebar{left:0;transform:translateX(-100%);width:300px}.docs-notes{right:0;transform:translateX(100%);width:300px}.docs-notes.open,.docs-sidebar.open{transform:translateX(0)}.docs-content{margin:0 auto;padding:1rem;width:100%}.sidebar-toggle{display:block}}@media (min-width:1002px){.sidebar-toggle{display:none}}.sidebar-toggle{background:#282828;border:none;border-left:1px solid #3f3f46;border-right:1px solid #53538b;color:#d4d4d8;cursor:pointer;height:100vh;opacity:.7;padding:0;position:fixed;top:0;transition:opacity .2s ease;width:20px;z-index:101}.sidebar-toggle:hover{background-color:#323232;opacity:1}.sidebar-toggle:active{background-color:#3f3f46}.sidebar-toggle.left{left:0}.sidebar-toggle.right{right:0}.doc-metadata{background:#282828;border:1px solid #3f3f46;border-radius:6px;margin-bottom:2rem;padding:1rem}.doc-metadata-header{color:#60a5fa;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.2;margin-bottom:0;overflow:auto;white-space:pre}.doc-metadata pre{background:#0000!important;border:none;margin:0;padding:0}.tree-line{align-items:center;display:flex;font-family:Consolas,Monaco,monospace;white-space:nowrap}.tree-prefix{color:#666}.tree-branch{color:#666;margin:0 .5rem}.tree-icon{color:#60a5fa;margin-right:.5rem}.tree-name,body,html{color:#d4d4d8}body,html{background-color:#1a1a1a;font-family:Consolas,Monaco,monospace;height:100%;margin:0;padding:0}#root,.terminal{display:flex;flex-direction:column;height:100%}.terminal{background-color:#1a1a1a;box-sizing:border-box;color:#d4d4d8;padding:1rem}.terminal-header{align-items:center;background-color:#282828;border-bottom:1px solid #3f3f46;display:flex;justify-content:space-between;padding:.5rem}.terminal-header h1{color:#60a5fa;font-size:1.2rem;margin:0}.terminal-content{padding:1rem}.terminal-main{align-items:flex-start;display:flex;justify-content:center;width:100%}.terminal-main .documentation{max-width:900px;width:100%}.terminal-main{margin:0 auto;max-width:1200px}.terminal-content{display:flex;flex:1 1}.terminal-metadata,.terminal-notes,.terminal-sidebar{background-color:#282828;border:1px solid #3f3f46;border-radius:4px;box-shadow:0 2px 8px #0003;margin:.5rem;overflow-y:auto;padding:1rem;position:relative}.terminal-metadata,.terminal-notes,.terminal-sidebar{flex-shrink:0;width:300px}.mdi-window,.terminal-main{border:1px solid #3f3f46;border-radius:4px;box-shadow:0 2px 8px #0003}.mdi-window{background-color:#282828;display:flex;flex-direction:column;height:auto;max-height:90vh;max-width:90vw;min-height:200px;min-width:300px;overflow:hidden;position:fixed;resize:both;width:auto;z-index:100}.mdi-window.terminal-metadata,.mdi-window.terminal-notes,.mdi-window.terminal-sidebar{transform:none}.mdi-window-header{align-items:center;background-color:#3f3f46;cursor:move;display:flex;justify-content:space-between;padding:.5rem;-webkit-user-select:none;user-select:none}.mdi-window-header h2{color:#60a5fa;font-size:1rem;margin:0}.mdi-window-content{flex:1 1;height:auto;min-height:100px;overflow-y:auto;padding:1rem}.mdi-window.terminal-main-window{left:50%;top:50%;transform:translate(-50%,-50%)}.terminal-main{border:none;box-shadow:none;margin:0}.terminal-content{background-color:#1a1a1a;height:calc(100vh - 4rem);overflow:hidden;padding:0;position:relative}.mdi-window.terminal-sidebar{left:1rem;top:1rem}.mdi-window.terminal-notes{right:1rem;top:1rem}.mdi-window.terminal-metadata{left:50%;top:1rem;transform:translateX(-50%)}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#282828;border:1px solid #3f3f46}::-webkit-scrollbar-thumb{background:#3f3f46;border:1px solid #4f4f56}::-webkit-scrollbar-button{display:none}.desktop-environment{display:flex;flex-direction:column;height:100vh;overflow:hidden}.desktop-workspace{flex:1 1;overflow:hidden;position:relative}.desktop-taskbar{align-items:center;background-color:#282828;border-top:1px solid #3f3f46;display:flex;gap:8px;height:40px;padding:0 8px;z-index:1000}.taskbar-start{border-right:1px solid #3f3f46;padding-right:16px}.taskbar-windows{display:flex;flex:1 1;gap:4px;padding:0 8px}.taskbar-tray{border-left:1px solid #3f3f46;padding-left:16px}.taskbar-button{align-items:center;background:#323232;border:1px solid #3f3f46;border-radius:4px;color:#d4d4d8;cursor:pointer;display:flex;gap:6px;height:30px;padding:4px 12px;transition:all .2s ease}.taskbar-button:hover{background:#3f3f46}.taskbar-button.active{background:#4f4f56;border-color:#60a5fa}.taskbar-time{color:#d4d4d8;font-family:Consolas,monospace;font-size:.9rem}.mdi-window{composes:window;position:absolute}.mdi-window.terminal-main-window{height:80vh;width:800px;z-index:50}.mdi-window.terminal-notes,.mdi-window.terminal-sidebar{width:350px;z-index:100}.mdi-window.terminal-metadata{width:400px;z-index:100}.dev-editor{composes:window;display:flex!important}.dev-editor .window-content{display:flex;overflow:hidden;padding:0}.editor-main{flex:1 1;min-width:0}.editor-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dev-editor-toolbar input{background:#1e1e1e;border:1px solid #3f3f46;border-radius:3px}.monaco-container{border:1px solid #3f3f46}.preview-panel{background:#2d2d2d}.window{background-color:#282828;border:1px solid #3f3f46;border-radius:4px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;height:var(--window-height)!important;min-height:var(--window-min-height);min-width:var(--window-min-width);overflow:hidden;width:var(--window-width)!important}.window-header{align-items:center;background-color:#3f3f46;border-bottom:1px solid #4f4f56;cursor:move;display:flex;height:32px;justify-content:space-between;padding:4px 8px;-webkit-user-select:none;user-select:none}.window-header h2{color:#e4e4e7;font-size:13px;line-height:1;margin:0}.window-controls{gap:8px;height:100%}.window-controls button{font-size:12px;height:22px;line-height:1;min-width:22px;padding:2px 6px}.hotkey-hint{font-size:11px;height:18px;line-height:14px;padding:2px 4px}.window-content{display:flex;flex:1 1;flex-direction:column;height:calc(100% - 32px);min-height:0;overflow:hidden}.window-resize-handle{background:linear-gradient(135deg,#0000 50%,#4f4f56 0);bottom:0;cursor:se-resize;height:16px;position:absolute;right:0;width:16px}.dev-editor .editor-layout{display:flex;height:100%;overflow:hidden}.dev-editor .editor-sidebar{background:#252526;border-right:1px solid #3f3f46;flex-shrink:0;overflow-y:auto;width:250px}.dev-editor .editor-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.window-controls{gap:.5rem}.window-controls button{background:#4f4f56;border:1px solid #60a5fa;border-radius:3px;color:#d4d4d8;cursor:pointer;padding:.25rem .5rem}.desktop-environment{background-color:#1a1a1a;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.dev-editor{background:#1e1e1e;-webkit-user-select:none;user-select:none;z-index:1000}.editor-container{border:1px solid #3f3f46;flex:1 1;margin-bottom:16px;min-height:400px}.dev-editor-toolbar{background:#2d2d2d;border-bottom:1px solid #3f3f46;display:flex;gap:8px;padding:8px}.dev-editor-toolbar input{background:#3f3f46;border:1px solid #4f4f56;border-radius:4px;color:#d4d4d8;font-family:Consolas,monospace;padding:4px 8px}.dev-editor-toolbar input:focus{border-color:#60a5fa;outline:none}.dev-editor-toolbar button{background:#4f4f56;border:1px solid #60a5fa;border-radius:4px;color:#d4d4d8;cursor:pointer;padding:4px 12px}.dev-editor-toolbar button.saved{background:#059669}.dev-editor-content{background:#1e1e1e;border:none;color:#d4d4d8;flex:1 1;font-family:Consolas,monospace;font-size:14px;height:calc(100% - 120px);padding:16px;resize:none;width:100%}.dev-editor-content:focus{outline:none}.dev-editor-preview{background:#2d2d2d;border-top:1px solid #3f3f46;height:200px;overflow-y:auto;padding:16px}.dev-editor-preview h3{color:#60a5fa;font-size:14px;margin:0 0 8px}.window-controls{align-items:center;display:flex;gap:1rem}.hotkey-hint{background:#1e1e1e;border:1px solid #3f3f46;border-radius:3px;color:#888;font-size:.8rem;padding:.2rem .5rem}.dev-editor-content{font-family:JetBrains Mono,Consolas,monospace;line-height:1.6;tab-size:4}.markdown-preview{background:#1e1e1e;border:1px solid #3f3f46;border-radius:4px;padding:1rem}.dev-editor .mdi-window-content{-webkit-user-select:text;user-select:text}.file-explorer{background:#1e1e1e;border-right:1px solid #3f3f46;bottom:0;display:flex;flex-direction:column;left:-250px;position:absolute;top:0;width:250px}.file-explorer-header{align-items:center;border-bottom:1px solid #3f3f46;display:flex;justify-content:space-between;padding:8px}.file-explorer-header h3{color:#e4e4e7;margin:0}.file-explorer-content{flex:1 1;overflow-y:auto;padding:8px 0}.file-explorer-item{align-items:center;border-radius:4px;color:#d4d4d8;cursor:pointer;display:flex;gap:8px;margin:2px 4px;padding:4px 8px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.file-explorer-item:hover{background:#3f3f46}.file-explorer-item.active{background:#3f3f46;color:#60a5fa}.file-icon,.folder-icon{text-align:center;width:20px}.loading,.no-files{color:#888;padding:1rem;text-align:center}.no-files{font-style:italic}.dev-editor-with-explorer{padding-left:250px;width:calc(100% + 250px)!important}.error-message{background:#1a1a1a;border-radius:4px;color:#ef4444;font-style:italic;margin:8px;padding:1rem;text-align:center}.dev-editor{height:900px!important;width:1400px!important}.editor-sidebar{background:#1e1e1e;height:100%;overflow:auto;padding:8px}.editor-main{display:flex;flex-direction:column;height:100%}.preview-pane{background:#1e1e1e;height:100%;overflow:auto;padding:16px}.Resizer{background:#3f3f46;background-clip:padding-box;box-sizing:border-box;z-index:1}.Resizer.vertical{border-left:5px solid #fff0;border-right:5px solid #fff0;cursor:col-resize;margin:0 -5px;width:11px}.Resizer.vertical:hover{border-left:5px solid #60a5fa80;border-right:5px solid #60a5fa80}.rstm-tree-item{background:#0000!important;color:#d4d4d8!important}.rstm-tree-item--active,.rstm-tree-item:hover{background:#3f3f46!important}.rstm-toggle-icon,.rstm-tree-item--active{color:#60a5fa!important}.editor-layout,.editor-workspace{overflow:hidden}.monaco-container{overflow:hidden;position:relative}.preview-panel{flex-shrink:0}.editor-layout{background:#1e1e1e;display:flex;height:100%}.editor-sidebar{background:#252526;border-right:1px solid #3f3f46;flex-shrink:0;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;overflow-y:auto;width:250px}.editor-workspace{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.editor-tree-item{color:#d4d4d8;font-size:13px;gap:8px;line-height:20px}.editor-tree-item:hover{background:#2d2d2d}.editor-tree-item.active{background:#37373d;color:#60a5fa}.editor-toolbar{align-items:center;background:#252526;border-bottom:1px solid #3f3f46;display:flex;flex-shrink:0;height:40px;justify-content:space-between;padding:8px}.monaco-container{height:calc(100% - 240px);min-height:0}.preview-panel{border-top:1px solid #3f3f46;font-family:Segoe UI,system-ui,sans-serif;height:200px;padding:1rem}.preview-panel h3{border-bottom:1px solid #3f3f46;color:#d4d4d8;font-size:13px;font-weight:400;margin:0 0 8px;padding-bottom:8px}.preview-content{padding:0 8px}.preview-content pre{background:#252526!important;border-radius:4px;font-size:12px;margin:.5rem 0;padding:.5rem}.preview-content code{font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.preview-content p{margin:.5rem 0}.preview-content h1,.preview-content h2,.preview-content h3{color:#e4e4e7;margin:.5rem 0}.preview-content{color:#d4d4d8;font-size:13px;line-height:1.4}.window-control-btn{align-items:center;background:#0000;border:1px solid #4f4f56;border-radius:3px;color:#d4d4d8;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;transition:all .1s ease;width:30px}.window-control-btn:hover{background:#4f4f56}.window-control-btn.close:hover{background:#ef4444;border-color:#dc2626}.window.maximized{border:none;border-radius:0!important;bottom:40px!important;height:calc(100vh - 40px)!important;left:0!important;right:0!important;top:0!important;transform:none!important;width:100%!important}.window.maximized .window-content{border-radius:0;max-height:calc(100vh - 72px);overflow:hidden}.resize-handle{background:#0000;position:absolute;z-index:1000}.resize-handle.top{cursor:n-resize;height:6px;left:3px;right:3px;top:-3px}.resize-handle.right{bottom:3px;cursor:e-resize;right:-3px;top:3px;width:6px}.resize-handle.bottom{bottom:-3px;cursor:s-resize;height:6px;left:3px;right:3px}.resize-handle.left{bottom:3px;cursor:w-resize;left:-3px;top:3px;width:6px}.resize-handle.top-left{cursor:nw-resize;height:6px;left:-3px;top:-3px;width:6px}.resize-handle.top-right{cursor:ne-resize;height:6px;right:-3px;top:-3px;width:6px}.resize-handle.bottom-left{bottom:-3px;cursor:sw-resize;height:6px;left:-3px;width:6px}.resize-handle.bottom-right{bottom:-3px;cursor:se-resize;height:6px;right:-3px;width:6px}.resize-handle.bottom,.resize-handle.top{height:6px;left:6px;right:6px}.resize-handle.left,.resize-handle.right{bottom:6px;top:6px;width:6px}.resize-handle.bottom-left,.resize-handle.bottom-right,.resize-handle.top-left,.resize-handle.top-right{height:12px;width:12px}.mdi-window{max-height:calc(100vh - 60px);max-width:calc(100vw - 20px)}.editor-content-area{display:flex;flex:1 1;overflow:hidden}.split-layout{display:flex;height:100%;width:100%}.monaco-container{border-right:1px solid #3f3f46;flex:1 1;height:100%}.preview-panel{background:#1e1e1e;border-left:1px solid #3f3f46;height:100%!important;overflow-y:auto;width:100%}.Resizer.horizontal{border-left:5px solid #fff0;border-right:5px solid #fff0;cursor:col-resize;margin:0 -5px;width:11px}.Resizer.horizontal:hover{border-left:5px solid #60a5fa80;border-right:5px solid #60a5fa80}.terminal-main-window .window-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.terminal-main{background-color:#1a1a1a;flex:1 1;height:100%;min-height:0;overflow-y:auto;padding:1rem}.window.maximized .terminal-main{max-height:calc(100vh - 72px)}.editor-tree-container{height:100%;overflow-y:auto;padding:8px}.folder-item{cursor:pointer;-webkit-user-select:none;user-select:none}.folder-children{overflow:hidden;transition:height .2s ease-out}.folder-children.collapsed{height:0}.folder-icon{display:inline-block;text-align:center;transition:transform .2s ease;width:20px}.folder-icon.collapsed{transform:rotate(-90deg)}.editor-tree-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin:2px 0;padding:4px 8px;-webkit-user-select:none;user-select:none}.editor-controls{display:flex;gap:8px}.metadata-btn{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:4px 8px}.metadata-btn:hover{background:#3a3a3a}.new-file-input{align-items:center;display:flex;gap:8px}.new-file-input input{background:#1e1e1e;border:1px solid #3f3f46;border-radius:4px;color:#d4d4d8;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;min-width:200px;padding:4px 8px}.new-file-input input:focus{border-color:#60a5fa;outline:none}.new-file-btn{align-items:center;background:#2a2a2a;border:1px solid #3f3f46;border-radius:4px;color:#60a5fa;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 8px}.new-file-btn:hover{background:#3a3a3a}.editor-tabs{align-items:center;display:flex;gap:8px}.context-menu{background:#2d2d2d;border:1px solid #3f3f46;border-radius:4px;box-shadow:0 2px 8px #0003;min-width:150px;padding:4px;z-index:1000}.context-menu button{background:none;border:none;border-radius:2px;color:#d4d4d8;cursor:pointer;display:block;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;padding:6px 12px;text-align:left;width:100%}.context-menu button:hover{background:#3f3f46;color:#60a5fa}.split-horizontal{display:flex;height:100%;width:100%}.split-horizontal>.gutter{background-color:#3f3f46;cursor:col-resize;margin:0;position:relative;width:4px!important}.split-horizontal>.gutter:hover{background-color:#60a5fa}.split-horizontal>.gutter:after{bottom:0;content:"";left:-4px;position:absolute;right:-4px;top:0;z-index:100}.editor-sidebar{max-width:400px;min-width:200px;width:100%}.editor-main{min-width:400px;width:100%}
/*# sourceMappingURL=main.7e8b78a2.css.map*/