.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%}}.App{background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#3a3a3a);color:#fff;display:flex;flex-direction:column;height:auto;min-height:100vh;overflow-x:hidden;position:relative;text-align:center}.star-background{background-image:radial-gradient(circle at 20% 80%,#ff573333 0,#0000 50%),radial-gradient(circle at 80% 20%,#4caf5033 0,#0000 50%),radial-gradient(circle at 60% 40%,#9c27b026 0,#0000 50%),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,0 0,0 0,0 0,40px 60px,130px 270px;background-size:100% 100%,100% 100%,100% 100%,550px 550px,350px 350px,250px 250px}.title-bar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#2c2c2c,#404040);border-bottom:2px solid #ff5722;box-shadow:0 4px 20px #ff572233;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.nav-menu,.title-bar{align-items:center;display:flex}.nav-menu{flex:1 1;gap:2.5rem;justify-content:center}.nav-item{border-radius:25px;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;opacity:.9;padding:.8rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-item:hover{background:linear-gradient(135deg,#ff5722,#f57c00);box-shadow:0 8px 20px #ff572266;color:#fff;opacity:1;transform:translateY(-3px)}.logo{filter:drop-shadow(0 0 15px rgba(255,87,34,.8));height:50px;transition:all .3s ease;width:auto}.logo:hover{filter:drop-shadow(0 0 25px rgba(255,87,34,1));transform:scale(1.05)}.hero-section{background:linear-gradient(135deg,#2196f31a,#9c27b00d);border:2px solid #ff57224d;border-radius:20px;margin:2rem;overflow:hidden;padding:5rem 2rem;text-align:center;z-index:1}.floating-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.particle{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.7;position:absolute}.particle-1{animation-delay:0s;animation-duration:8s;left:10%;top:10%}.particle-2{animation-delay:1s;animation-duration:6s;right:15%;top:20%}.particle-3{animation-delay:2s;animation-duration:7s;bottom:30%;left:20%}.particle-4{animation-delay:3s;animation-duration:5s;right:10%;top:60%}.particle-5{animation-delay:4s;animation-duration:6s;bottom:10%;left:60%}.particle-6{animation-delay:2.5s;animation-duration:7s;left:80%;top:40%}@keyframes float{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}25%{opacity:1;transform:translateY(-20px) rotate(90deg)}50%{opacity:.8;transform:translateY(-10px) rotate(180deg)}75%{opacity:.9;transform:translateY(-30px) rotate(270deg)}}.hero-bg-shapes{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.shape{animation:shapeFloat 10s ease-in-out infinite;border-radius:50%;opacity:.1;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#ff5722,#ff9800);height:200px;left:5%;top:10%;width:200px}.shape-2{animation-delay:3s;background:linear-gradient(135deg,#4caf50,#8bc34a);bottom:20%;height:150px;right:10%;width:150px}.shape-3{animation-delay:6s;background:linear-gradient(135deg,#2196f3,#00bcd4);height:120px;right:5%;top:50%;width:120px}@keyframes shapeFloat{0%,to{opacity:.1;transform:translateY(0) scale(1)}50%{opacity:.2;transform:translateY(-50px) scale(1.2)}}.hero-content{margin:0 auto;max-width:1000px;position:relative;z-index:2}.hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:3rem 0}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ff57224d;display:flex;flex-direction:column;min-width:150px}.stat-item:hover{border-color:#ff572299;box-shadow:0 10px 30px #ff57224d;transform:translateY(-5px) scale(1.05)}.stat-number{-webkit-text-fill-color:#0000;animation:numberPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ff5722,#ff9800);font-weight:900}.stat-label{color:#fff;font-weight:600;opacity:.8}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-cta{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:3rem}.cta-button{align-items:center;border:2px solid #0000;border-radius:50px;display:flex;font-size:1.1rem;font-weight:700;gap:.8rem;letter-spacing:1px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.primary-cta{background:linear-gradient(135deg,#ff5722,#ff9800);box-shadow:0 8px 25px #ff572266;color:#fff}.primary-cta:hover{background:linear-gradient(135deg,#ff6d00,#ffab00);box-shadow:0 15px 40px #ff572299;transform:translateY(-5px) scale(1.05)}.secondary-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #ffffff4d;color:#fff}.secondary-cta:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#fff9;box-shadow:0 10px 30px #fff3;transform:translateY(-5px) scale(1.05)}.cta-icon{font-size:1.2rem;transition:transform .3s ease}.cta-button:hover .cta-icon{transform:translateX(5px)}.secondary-cta:hover .cta-icon{transform:scale(1.2)}.title{-webkit-text-fill-color:#0000;animation:titlePulse 4s ease-in-out infinite alternate,titleGlow 6s ease-in-out infinite;background:linear-gradient(135deg,#ff5722,#ff9800 25%,#4caf50 50%,#2196f3 75%,#9c27b0);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.02em;margin-bottom:1.5rem;position:relative;text-transform:uppercase}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,87,34,.6))}33%{filter:drop-shadow(0 0 30px rgba(76,175,80,.6))}66%{filter:drop-shadow(0 0 25px rgba(33,150,243,.6))}}@keyframes titlePulse{0%{transform:scale(1)}to{transform:scale(1.02)}}.metro-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px;padding:3rem 2rem}.metro-tile-link{display:block;text-decoration:none}.metro-tile{aspect-ratio:1.2;border:none;border-radius:8px;box-shadow:0 8px 25px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2.5rem;position:relative;text-align:left;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.metro-tile:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:8px;content:"";inset:0;opacity:0;position:absolute;transition:all .4s ease;z-index:0}.metro-tile:hover{transform:translateY(-12px) scale(1.02)}.metro-tile:hover:before{opacity:1}.tile-icon{filter:drop-shadow(0 0 15px rgba(255,255,255,.5));font-size:3.5rem;margin-bottom:1.5rem;position:relative;z-index:1}.tile-title{font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.tile-description,.tile-title{color:#fff;position:relative;z-index:1}.tile-description{font-size:1rem;line-height:1.6;margin-top:auto;opacity:.9}.tile-blue-clear{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 8px 25px #2196f366}.tile-blue-clear:hover{box-shadow:0 15px 35px #2196f399;transform:translateY(-8px) scale(1.02)}.tile-green-clear{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 8px 25px #4caf5066}.tile-green-clear:hover{box-shadow:0 15px 35px #4caf5099;transform:translateY(-8px) scale(1.02)}.tile-orange-clear{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 8px 25px #ff980066}.tile-orange-clear:hover{box-shadow:0 15px 35px #ff980099;transform:translateY(-8px) scale(1.02)}.tile-purple-clear{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 8px 25px #9c27b066}.tile-purple-clear:hover{box-shadow:0 15px 35px #9c27b099;transform:translateY(-8px) scale(1.02)}.tile-red-clear{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 8px 25px #f4433666}.tile-red-clear:hover{box-shadow:0 15px 35px #f4433699;transform:translateY(-8px) scale(1.02)}.tile-cyan-clear{background:linear-gradient(135deg,#00bcd4,#00acc1);box-shadow:0 8px 25px #00bcd466}.tile-cyan-clear:hover{box-shadow:0 15px 35px #00bcd499;transform:translateY(-8px) scale(1.02)}.content-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3c3c3ccc,#50505099);border:2px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0000004d;margin:2rem auto;max-width:1200px;padding:4rem 2rem;position:relative;text-align:center}.content-section:hover{border-color:#fff3;box-shadow:0 15px 40px #0006;transform:translateY(-5px)}.content-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff5722,#ff9800 25%,#4caf50 50%,#2196f3 75%,#9c27b0);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:800;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-transform:uppercase}.content-section div[style*="background: linear-gradient"]{border-radius:12px!important;cursor:pointer}.content-section div[style*="background: linear-gradient"]:hover{box-shadow:0 20px 50px #0006!important;transform:translateY(-8px) scale(1.02)!important}.team-grid div[style*="background: linear-gradient"]{border-radius:15px!important;cursor:pointer}.team-grid div[style*="background: linear-gradient"]:hover{box-shadow:0 25px 60px #00000080!important;transform:translateY(-10px) scale(1.02)!important}.team-grid div[style*="background: linear-gradient"] img{transition:all .3s ease}.team-grid div[style*="background: linear-gradient"]:hover img{box-shadow:0 10px 30px #0006;transform:scale(1.15)}.content-section a[style*="background: linear-gradient"]{border-radius:12px!important;display:inline-block;font-weight:700!important;letter-spacing:1px!important;overflow:hidden;position:relative;text-transform:uppercase!important}.content-section a[style*="background: linear-gradient"]:hover{box-shadow:0 15px 40px #0006!important;transform:translateY(-5px) scale(1.08)!important}.content-section a[style*="background: linear-gradient"]:before{background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:12px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.content-section a[style*="background: linear-gradient"]:hover:before{opacity:1}.footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#2c2c2c,#404040);border-top:3px solid #ff5722;color:#fff;flex-shrink:0;margin-top:auto;padding:3rem 2rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1.5rem}.footer-link{background:linear-gradient(135deg,#4caf5033,#8bc34a1a);border-radius:25px;color:#fff;font-weight:600;letter-spacing:.5px;padding:.8rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.footer-link:hover{background:linear-gradient(135deg,#4caf50,#8bc34a);box-shadow:0 8px 20px #4caf5066;color:#fff;text-decoration:none;transform:translateY(-3px)}.mobile-menu-button{background:linear-gradient(135deg,#ff5722,#f57c00);border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.2rem;padding:.8rem;transition:all .3s ease}.mobile-menu-button:hover{box-shadow:0 5px 15px #ff572266;transform:scale(1.1)}@media (max-width:768px){.hero-stats{gap:1.5rem;margin:2rem 0}.stat-item{min-width:120px;padding:1rem}.stat-number{font-size:2rem}.hero-cta{align-items:center;flex-direction:column;gap:1rem}.cta-button{justify-content:center;max-width:280px;width:100%}.particle{font-size:1.5rem}.shape{opacity:.05}.shape-1{height:120px;width:120px}.shape-2{height:100px;width:100px}.shape-3{height:80px;width:80px}}@media (max-width:480px){.hero-stats{flex-direction:column;gap:1rem}.stat-item{margin:0 auto;max-width:200px}.floating-particles{display:none}}@media (max-width:768px){.mobile-menu-button{display:block}.nav-menu{background:linear-gradient(135deg,#2c2c2c,#404040);border-bottom:2px solid #ff5722;display:none;flex-direction:column;gap:1rem;left:0;padding:1rem;position:absolute;right:0;top:100%}.nav-menu.active{display:flex}.metro-grid{gap:1.5rem;grid-template-columns:1fr;padding:2rem 1rem}.metro-tile{aspect-ratio:1.1;padding:2rem}.tile-title{font-size:1.5rem}.tile-description{font-size:.95rem}.hero-section{margin:1rem;padding:3rem 1rem}.content-section{margin:1rem;padding:2rem 1rem}}@media (max-width:480px){.tile-icon,.title{font-size:2.5rem}.content-section h2{font-size:2rem}}.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}.stats-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6c63ff1a,#2ec4b61a);border-radius:20px;margin:3rem 0;padding:2rem 0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px;padding:0 2rem}.stat-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff14;transform:translateY(-5px)}.stat-number{background:linear-gradient(45deg,#6c63ff,#2ec4b6);background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#b3b3b3;color:var(--text-secondary);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.language-showcase{margin:6rem 0;text-align:center}.language-selector{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:3rem auto;max-width:800px}.language-btn{align-items:center;background:#1e1e1e;background:var(--card-bg);border:2px solid #ffffff1a;border-radius:50px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.language-btn:hover{box-shadow:0 5px 15px #0003}.language-btn.active,.language-btn:hover{border-color:#6c63ff;border-color:var(--accent-color,var(--primary));transform:translateY(-2px)}.language-btn.active{background:linear-gradient(45deg,#6c63ff,#5a52d9);background:linear-gradient(45deg,var(--accent-color,var(--primary)),var(--primary-dark));box-shadow:0 5px 20px #6c63ff66;color:#fff}.language-btn svg{font-size:1.2rem}.language-demo{background:#1e1e1e;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0000004d;margin:0 auto;max-width:800px;overflow:hidden}.demo-header{background:linear-gradient(45deg,#6c63ff,#5a52d9);background:linear-gradient(45deg,var(--primary),var(--primary-dark));color:#fff;font-weight:500;padding:1rem 1.5rem}.demo-code{background:#1e1e1e;overflow-x:auto}.performance-section{background:linear-gradient(135deg,#2ec4b60d,#ff7e5f0d);border-radius:20px;margin:6rem 0;padding:4rem 0;text-align:center}.metrics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:3rem}.metric-card{background:#1e1e1e;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(45deg,#6c63ff,#2ec4b6);background:linear-gradient(45deg,var(--primary),var(--secondary));content:"";height:3px;left:0;position:absolute;top:0;width:100%}.metric-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.metric-icon{color:#6c63ff;color:var(--primary);font-size:2rem;margin-bottom:1rem}.metric-value{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.metric-label{color:#b3b3b3;color:var(--text-secondary);font-size:.9rem}.download-buttons{display:flex;gap:1rem;margin-top:1.5rem}.download-btn.primary{background:linear-gradient(45deg,#6c63ff,#5a52d9);background:linear-gradient(45deg,var(--primary),var(--primary-dark));box-shadow:0 4px 15px #6c63ff4d;color:#fff}.download-btn.secondary{background:#0000;border:2px solid #2ec4b6;border:2px solid var(--secondary);color:#2ec4b6;color:var(--secondary)}.download-btn.secondary:hover{background:#2ec4b61a}.quick-start-tips{background:#1e1e1e;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;margin-top:3rem;padding:2rem}.quick-start-tips h3{color:#fff;color:var(--text-primary);margin-bottom:2rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.tip-item:hover{background:#ffffff14;transform:translateX(5px)}.tip-item svg{color:#2ec4b6;color:var(--secondary);font-size:1.5rem;min-width:24px}.tip-item span{color:#fff;color:var(--text-primary);font-size:.9rem}@media (max-width:768px){.language-selector{justify-content:center}.language-btn{font-size:.8rem;padding:.6rem 1rem}.download-buttons{flex-direction:column}.stats-grid,.tips-grid{grid-template-columns:1fr}.stats-grid{gap:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}}:root{--microhigh-primary:#7c4dff;--microhigh-secondary:#00bcd4;--microhigh-accent:#ff6b35;--microhigh-gradient:linear-gradient(45deg,var(--microhigh-primary),var(--microhigh-secondary))}.product-container{--primary:var(--microhigh-primary);--secondary:var(--microhigh-secondary);--accent:var(--microhigh-accent)}.playground-section{background:linear-gradient(135deg,#7c4dff0d,#00bcd40d);border-radius:20px;margin:6rem 0;padding:4rem 0}.playground-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:200px 1fr 1fr;height:500px;margin-top:3rem}.playground-examples{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.playground-examples h3{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.example-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;margin-bottom:.5rem;padding:.8rem;text-align:left;transition:all .3s ease;width:100%}.example-btn:hover{background:#ffffff1a;transform:translateX(5px)}.example-btn.active{background:linear-gradient(45deg,#7c4dff,#00bcd4);background:var(--microhigh-gradient);border-color:#7c4dff;border-color:var(--microhigh-primary);color:#fff;transform:translateX(5px)}.playground-editor,.playground-output{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column}.editor-header,.output-header{align-items:center;background:linear-gradient(45deg,#7c4dff,#7c4dffcc);background:linear-gradient(45deg,var(--microhigh-primary),#7c4dffcc);border-radius:15px 15px 0 0;color:#fff;display:flex;font-weight:500;justify-content:space-between;padding:1rem 1.5rem}.control-btn,.editor-controls{display:flex;gap:.5rem}.control-btn{align-items:center;background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.control-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.run-btn{background:#ff6b35;background:var(--microhigh-accent)}.run-btn:hover{background:#ff5722}.editor-content,.output-content{flex:1 1;overflow:auto;padding:1.5rem}.code-textarea{background:#0000;border:none;height:100%;outline:none;resize:none;width:100%}.code-textarea,.output-content pre{color:var(--text-primary);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.output-content pre{margin:0;white-space:pre-wrap}.testimonials-section{margin:6rem 0;text-align:center}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.testimonial-card{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;padding:2rem;position:relative;transition:all .3s ease}.testimonial-card:before{background:linear-gradient(45deg,#7c4dff,#00bcd4);background:var(--microhigh-gradient);border-radius:15px 15px 0 0;content:"";height:3px;left:0;position:absolute;top:0;width:100%}.testimonial-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.testimonial-rating{display:flex;gap:.25rem;justify-content:center;margin-bottom:1rem}.star{color:gold;font-size:1rem}.testimonial-card p{color:var(--text-primary);font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author strong{color:#7c4dff;color:var(--microhigh-primary);display:block;margin-bottom:.25rem}.testimonial-author span{color:var(--text-secondary);font-size:.9rem}.faq-section{margin:6rem 0}.faq-container{margin:3rem auto;max-width:800px}.faq-item{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:10px;margin-bottom:1rem;overflow:hidden}.faq-question{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:#ffffff0d}.faq-question.expanded{background:#7c4dff1a;border-bottom:1px solid #ffffff1a}.faq-icon{color:#7c4dff;color:var(--microhigh-primary);font-size:1.2rem;min-width:20px}.chevron{color:var(--text-secondary);margin-left:auto;transition:transform .3s ease}.chevron.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.expanded{max-height:200px}.faq-answer p{color:var(--text-secondary);line-height:1.6;margin:0;padding:0 1.5rem 1.5rem}.community-section{background:linear-gradient(135deg,#7c4dff1a,#ff6b351a);border-radius:20px;margin:6rem 0;padding:4rem 0;text-align:center}.community-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-left:auto;margin-right:auto;margin-top:3rem;max-width:600px}.community-link{align-items:center;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:15px;color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.community-link:before{background:linear-gradient(45deg,#7c4dff,#00bcd4);background:var(--microhigh-gradient);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.community-link:hover{border-color:#7c4dff;border-color:var(--microhigh-primary);box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.community-link svg{color:#7c4dff;color:var(--microhigh-primary);font-size:2.5rem;margin-bottom:1rem}.community-link span{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.community-link p{color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:1024px){.playground-container{gap:1rem;grid-template-columns:1fr;height:auto}.playground-examples{order:-1}.example-btn{display:inline-block;margin-right:.5rem;width:auto}}@media (max-width:768px){.community-links,.testimonials-grid{grid-template-columns:1fr}.community-links{max-width:300px}.playground-container{height:auto}.editor-content,.output-content{height:300px}}: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{animation-fill-mode:forwards;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{border:4px solid #4facfe4d;border-top-color:#4facfe;border-top:4px solid var(--primary);height:50px;width:50px}@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:0;background-color:#1a1a1a;display:grid;gap:0;grid-template-columns:300px 1fr;margin:0 auto;max-width:1800px;min-height:100vh}.docs-sidebar{background-color:#282828;border-right:1px solid #3f3f46;display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar-header{align-items:center;border-bottom:1px solid #3f3f46;display:flex;justify-content:space-between;padding:1rem}.sidebar-header h2{color:#e4e4e7;font-size:1.5rem;margin:0}.sidebar-toggle-btn{background:#4f4f56;border:1px solid #60a5fa;border-radius:3px;color:#d4d4d8;cursor:pointer;font-size:.9rem;padding:.25rem .5rem}.sidebar-toggle-btn:hover{background:#60a5fa;color:#1a1a1a}.show-sidebar{left:1rem}.dev-editor-toggle,.show-sidebar{position:fixed;top:1rem;z-index:100}.dev-editor-toggle{background:#4f4f56;border:1px solid #60a5fa;border-radius:4px;color:#d4d4d8;cursor:pointer;padding:.5rem 1rem;right:1rem}.dev-editor-toggle:hover{background:#60a5fa;color:#1a1a1a}.docs-content{background-color:#1a1a1a;height:100vh;overflow-y:auto;padding:2rem}.documentation{background-color:#282828;border:1px solid #3f3f46;border-radius:8px;box-shadow:0 2px 8px #0003;margin:0;max-width:none;padding:2rem}.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}.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}.terminal-main{flex:1 1}.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}.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{align-items:center;display:flex;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}.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{height:80vh;left:50%;top:50%;transform:translate(-50%,-50%);width:800px;z-index:50}.terminal-main{background-color:#1a1a1a;border:none;box-shadow:none;height:100%;margin:0;overflow-y:auto;padding:1rem}.terminal-content{background-color:#1a1a1a;height:calc(100vh - 4rem);overflow:hidden;padding:0;position:relative}.mdi-window.terminal-sidebar{left:1rem;top:1rem;width:350px;z-index:100}.mdi-window.terminal-notes{right:1rem;top:1rem;width:350px;z-index:100}.mdi-window.terminal-metadata{left:50%;top:1rem;transform:translateX(-50%);width:400px;z-index:100}::-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}.language-switcher{margin:1rem;position:relative}.language-button{align-items:center;background:#374151;border:1px solid #4b5563;border-radius:6px;color:#d1d5db;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;width:100%}.language-button:hover{background:#4b5563;border-color:#60a5fa}.enhanced-file-tree{flex:1 1;overflow-y:auto;padding:1rem}.tree-section{margin-bottom:1rem}.section-header{align-items:center;background:#374151;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.section-header:hover{background:#4b5563}.tree-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;margin:2px 0;padding:.5rem;transition:all .2s ease}.tree-item:hover{background:#374151}.tree-item.selected{background:#1e40af;color:#dbeafe}@media (max-width:768px){.docs-container{grid-template-columns:1fr}.docs-sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1000}.docs-sidebar.open{transform:translateX(0)}.docs-content,.documentation{padding:1rem}}.metro-docs-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#3a3a3a);color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.metro-docs-header{background:linear-gradient(135deg,#2196f31a,#9c27b00d);border-radius:0 0 20px 20px;margin-bottom:2rem;padding:4rem 2rem;position:relative;text-align:center}.metro-docs-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff5722,#ff9800 25%,#4caf50 50%,#2196f3 75%,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5rem);font-weight:900;letter-spacing:-.02em;margin-bottom:1rem;text-transform:uppercase}.metro-docs-subtitle{color:#d4d4d8;font-size:1.3rem;margin-bottom:2rem;opacity:.9}.metro-docs-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.metro-docs-stats .stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ff57224d;border-radius:12px;padding:1rem 1.5rem;transition:all .3s ease}.metro-docs-stats .stat-item:hover{border-color:#ff572299;box-shadow:0 8px 25px #ff57224d;transform:translateY(-3px)}.metro-docs-grid{margin:0 auto;max-width:1400px;padding:2rem}.metro-doc-tile{background:linear-gradient(135deg,#2196f3,#1976d2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 25px #2196f366;cursor:pointer;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.metro-doc-tile:hover{box-shadow:0 15px 35px #2196f399;transform:translateY(-8px) scale(1.02)}.metro-doc-tile-header{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;gap:1.5rem;padding:2rem}.metro-doc-tile .tile-icon{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:2.5rem;opacity:.9}.tile-content{flex:1 1}.metro-doc-tile .tile-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.metro-doc-tile .tile-description{color:#fff;font-size:1rem;line-height:1.4;opacity:.9}.tile-expand{font-size:1.2rem;opacity:.7;transition:transform .3s ease}.metro-doc-tile-items{display:flex;flex-direction:column;gap:.5rem;padding:0 2rem 2rem}.metro-doc-item{align-items:center;background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .3s ease}.metro-doc-item:hover{background:#fff3;transform:translateX(5px)}.metro-doc-item.selected{background:#ffffff40;border:1px solid #ffffff4d}.doc-item-icon{font-size:1rem;opacity:.8}.doc-item-name{flex:1 1;font-weight:500}.difficulty-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.difficulty-badge.beginner{background:#4caf50;color:#fff}.difficulty-badge.intermediate{background:#ff9800;color:#fff}.difficulty-badge.advanced{background:#f44336;color:#fff}.metro-quick-links{margin-top:3rem;text-align:center}.metro-quick-links h2{color:#e4e4e7;font-size:2rem;margin-bottom:2rem}.quick-links-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:800px}.quick-link{align-items:center;border-radius:12px;display:flex;flex-direction:column;font-size:2rem;font-weight:600;gap:1rem;padding:2rem;transition:all .3s ease}.quick-link,.quick-link:hover{color:#fff;text-decoration:none}.quick-link:hover{transform:translateY(-5px) scale(1.05)}.metro-docs-viewer{margin:0 auto;max-width:1200px;padding:2rem}.metro-docs-nav{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.back-btn,.metro-docs-nav{align-items:center;display:flex}.back-btn{background:linear-gradient(135deg,#ff5722,#ff9800);border:none;border-radius:8px;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn,.back-btn:hover{color:#fff;text-decoration:none}.back-btn:hover{box-shadow:0 5px 15px #ff572266;transform:translateY(-2px)}.breadcrumb{color:#d4d4d8;font-size:1rem;opacity:.8}.metro-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#282828e6,#3c3c3cb3);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 25px #0000004d;margin-bottom:2rem;padding:2rem}.doc-metadata .metadata-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.doc-metadata h1{color:#e4e4e7;font-size:2rem;margin:0}.metadata-badges{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{background:#60a5fa33;border:1px solid #60a5fa4d;border-radius:12px;color:#60a5fa;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.metadata-details{display:flex;flex-wrap:wrap;font-size:.9rem;gap:2rem;opacity:.8}.code-fallback{background-color:#1e1e1e;border-radius:4px;color:#fff;font-family:Consolas,Monaco,monospace;padding:1rem}.error-container,.loading-container{padding:4rem 2rem;text-align:center}.error-container h2{color:#ef4444;margin-bottom:1rem}@media (max-width:768px){.metro-docs-header{padding:2rem 1rem}.metro-docs-stats{gap:1rem}.metro-docs-stats .stat-item{padding:.75rem 1rem}.metro-doc-tile-header{flex-direction:column;padding:1.5rem;text-align:center}.metro-docs-nav{align-items:stretch;flex-direction:column}.breadcrumb{text-align:center}}.docs-error,.docs-loading{align-items:center;background:#1a1a1a;color:#d4d4d8;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3f3f46;border-radius:50%;border-top-color:#60a5fa;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.documentation-welcome{color:#d4d4d8;padding:4rem 2rem;text-align:left}.documentation-welcome h1{color:#60a5fa;margin-bottom:1rem}.documentation-error{color:#ef4444;padding:2rem;text-align:center}.monaco-editor-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.monaco-editor-modal{background:#1e1e1e;border:1px solid #3f3f46;border-radius:8px;display:flex;flex-direction:column;height:90vh;max-width:1400px;width:90vw}.monaco-editor-header{align-items:center;background:#2d2d2d;border-bottom:1px solid #3f3f46;display:flex;justify-content:space-between;padding:1rem}.monaco-editor-content{flex:1 1;overflow:hidden}
/*# sourceMappingURL=main.5ef0ff49.css.map*/