.navbar{position:fixed;top:0;left:0;right:0;background:#f8f9fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:0 2rem}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;gap:12px;font-family:mulish;font-size:1.8rem;font-weight:700;color:#333}.logo-icon{font-family:mulish;font-size:1.8rem;width:30px;height:30px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:#666;font-weight:500;font-size:.95rem;transition:color .2s;padding:8px 0;position:relative}.nav-link:hover,.nav-link.active{color:#007acc}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#007acc;border-radius:1px}.github-link{background:#333;color:#fff!important;padding:8px 16px;border-radius:6px;margin-left:1rem}.github-link:hover{background:#007acc}.theme-toggle-btn{background:transparent;border:1px solid #e0e0e0;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .3s ease;margin-left:1rem;font-size:1.2rem}.theme-toggle-btn:hover{background:#007acc1a;border-color:#007acc;color:#007acc;transform:rotate(15deg)}.hamburger-btn{display:none!important;background:transparent;border:none;font-size:1.8rem;cursor:pointer;color:#333;padding:0;width:40px;height:40px;align-items:center;justify-content:center;transition:color .2s}.hamburger-btn:hover{color:#007acc}.mobile-menu{position:absolute;top:70px;left:0;right:0;background:#f8f9fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;box-shadow:0 4px 20px #0000001a;z-index:999;border-top:1px solid rgba(0,0,0,.05);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-links{display:flex;flex-direction:column;gap:1.2rem}.mobile-link{text-decoration:none;color:#666;font-size:1.1rem;font-weight:500;padding:.5rem 0;transition:color .2s;border-bottom:1px solid rgba(0,0,0,.05)}.mobile-link:hover{color:#007acc}.mobile-link.active{color:#007acc;font-weight:600}.mobile-link.github-link{background:#333;color:#fff!important;padding:.5rem 1rem;border-radius:6px;text-align:center;border-bottom:none;margin-top:.5rem}.mobile-link.github-link:hover{background:#007acc}.mobile-theme-wrapper{display:flex;justify-content:center;margin-top:.5rem}.mobile-theme-toggle{background:transparent;border:1px solid #e0e0e0;border-radius:8px;padding:.6rem 1.2rem;display:flex;align-items:center;gap:.8rem;cursor:pointer;color:#333;font-size:1rem;transition:all .3s ease;width:100%;justify-content:center}.mobile-theme-toggle:hover{background:#007acc1a;border-color:#007acc;color:#007acc}@media(max-width:768px){.nav-links{display:none!important}.hamburger-btn{display:flex!important}.nav-logo .logo-text{font-size:1.2rem}.nav-container{padding:0 1rem}}@media(min-width:769px){.mobile-menu{display:none!important}}body{font-family:Mulish,sans-serif}.footer{background:#000;color:#fff;padding:4rem 2rem 2rem;width:100%;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-left{flex:1;min-width:280px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.footer-logo .logo-icon{font-size:1.8rem;animation:spin 7s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-tagline{font-size:1rem;color:#fffc;line-height:1.6;max-width:400px}.footer-right{display:flex;gap:3rem;flex-wrap:wrap}.footer-column{min-width:150px}.footer-column-title{font-size:1.1rem;font-weight:600;margin-bottom:1.2rem;color:#fff}.footer-links-group{display:flex;flex-direction:column;gap:.8rem}.footer-link{color:#ffffffb3;text-decoration:none;transition:all .2s;font-size:.95rem}.footer-link:hover{color:#007acc;transform:translate(5px)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2rem}.social-icons{display:flex;gap:1.5rem;justify-content:center}.social-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fffc;transition:all .3s;text-decoration:none}.social-icon:hover{background:#007acc;color:#fff;transform:translateY(-3px)}.social-icon svg{width:20px;height:20px}.footer-copyright{color:#fff9;font-size:.9rem;text-align:center}@media(max-width:1024px){.footer-right{gap:2rem}.footer-column{min-width:130px}}@media(max-width:768px){.footer{padding:3rem 1.5rem 1.5rem}.footer-top{flex-direction:column;align-items:center;gap:2.5rem;text-align:center}.footer-left{display:flex;flex-direction:column;align-items:center;min-width:100%}.footer-tagline{margin:0 auto}.footer-right{justify-content:center;width:100%;gap:2rem}.footer-column{min-width:140px;text-align:center}.footer-links-group{align-items:center}}@media(max-width:480px){.footer{padding:2.5rem 1rem 1rem}.footer-right{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-column{min-width:120px!important;max-width:160px!important;padding-right:3rem!important;padding-left:0!important}.footer-column-title{font-size:1rem;font-weight:700}.social-icons{gap:1rem}.social-icon{width:36px;height:36px}.footer-tagline{padding-right:2.5rem!important}.footer-copyright{padding-right:2rem}}body{margin:0;padding:0;font-family:mulish}.homepage{min-height:100vh;background:#f8f9fa;font-family:mulish;overflow:hidden}.main-content{position:relative;min-height:100vh;display:flex;width:100%;overflow:hidden}.video-container{width:80%;height:100vh;position:sticky;top:0;overflow:hidden;z-index:1;background:#000}.video-wrapper{width:100%;height:100%;position:relative}.hero-video{width:100%;height:100%;object-fit:cover;display:block}.video-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.2) 50%,transparent 100%);pointer-events:none;z-index:2}.hero-overlay-container{position:absolute;top:56%;right:8%;transform:translateY(-50%);z-index:100;width:450px;max-width:40%}.hero-card{background:#79710528;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px 30px;box-shadow:0 10px 30px #0000001a;animation:slideIn 1s ease-out;position:relative;height:500px;border-radius:8px}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero-badge{display:inline-block;background:linear-gradient(135deg,#007acc,#00bcd4);color:#fff;padding:8px 20px;border-radius:25px;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:24px}.hero-title{color:#fff;font-family:mulish;font-size:2.9rem;line-height:1.1;margin-bottom:20px;font-weight:800}.hero-title .highlight{background:linear-gradient(135deg,#539dcf71,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .hero-word{color:#fff;-webkit-text-fill-color:white}.hero-description{font-family:mulish!important;font-size:1.01rem;line-height:1.6;color:#000!important;margin-bottom:32px;font-weight:600}.hero-actions{display:flex;gap:16px;margin-bottom:32px}.btn{padding:5px 12px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:10px;transition:all .3s;border:none;cursor:pointer;flex:1;justify-content:center}.btn-primary{font-family:mulish;background:#007acc;color:#fff;box-shadow:0 4px 20px #007acc4d}.btn-primary:hover{background:#005d99;transform:translateY(-2px);box-shadow:0 6px 25px #007acc66}.btn-secondary{font-family:mulish;background:transparent;color:#000;border:1px solid #f5f5f5}.btn-secondary:hover{background:#007acc;color:#fff;transform:translateY(-2px)}.features-section{padding-bottom:6rem;width:100%;background:#f8f9fa;position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;overflow:hidden}.section-container{margin:0 auto;width:100%;max-width:1400px}.section-title{text-align:center;font-size:2.2rem;margin-bottom:2rem;font-weight:700;color:#333;opacity:0;transform:translate(80px);animation:slideInFromRight .8s ease-out .2s forwards}.section-subtitle{display:block;text-align:center;font-size:1.1rem;color:#666;width:90%!important;max-width:900px!important;margin:0 auto 4rem;line-height:1.6;opacity:0;transform:translate(100px);animation:slideInFromRight .8s ease-out .4s forwards;padding-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.feature-card{background:#fff;border:1px solid #e0e0e0!important;border-radius:12px;padding:2rem 1.5rem;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transform:translate(120px);animation:slideInFromRight .4s ease-out forwards;animation-play-state:paused}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #007acc1f;border-color:#007acc}.feature-card .icon{width:48px!important;height:48px!important;color:#007acc;margin-bottom:8px;order:-1}.feature-title1{color:#00a4d1;-webkit-text-fill-color:rgb(0,164,209);font-size:1.5rem;font-weight:700;margin:0}.feature-title2{color:#e04811;-webkit-text-fill-color:rgb(224,72,17);font-size:1.5rem;font-weight:700;margin:0}.feature-title3{color:#0b990b;-webkit-text-fill-color:rgb(11,153,11);font-size:1.5rem;font-weight:700;margin:0}.feature-description{font-size:1rem;color:#666;line-height:1.5;margin:0}.feature-card:nth-child(1){animation-delay:.6s}.feature-card:nth-child(2){animation-delay:.8s}.feature-card:nth-child(3){animation-delay:1s}.feature-card.animate-in{animation-play-state:running}@keyframes slideInFromRight{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.features-grid{padding:1rem 2rem!important}.video-container{width:60%!important}.hero-overlay-container{right:3%;width:400px;max-width:45%}.homepage .hero-title{font-size:2.2rem}.hero-description{color:#000}.section-subtitle{width:100%;padding-left:3.25rem;padding-right:4.25rem;box-sizing:border-box}.section-title{width:100%;padding-left:2.25rem;padding-right:2.25rem;box-sizing:border-box;transform:translate(60px)}.section-subtitle,.feature-card{transform:translate(80px)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}}@media(max-width:768px){.main-content{flex-direction:column}.video-container{width:100%;height:60vh;position:relative}.hero-overlay-container{position:absolute;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:90%;max-width:500px}.hero-card{margin:0 auto;background:#79710500;height:auto}.hero-description{color:#fff}.hero-actions{flex-direction:column}.features-section{min-height:auto;padding:4rem 1.5rem}.features-grid .feature-card{padding:1.5rem!important;overflow:hidden!important;width:100%!important;box-sizing:border-box!important}.section-subtitle{width:90%;padding-left:1rem;padding-right:3.5rem!important;box-sizing:border-box}.section-title{width:100%;padding-left:1.5rem;padding-right:3.5rem!important;box-sizing:border-box;transform:translate(40px)}.section-subtitle,.feature-card{transform:translate(60px)}.features-grid{width:89%;padding:1rem!important;justify-content:center}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}}@media(max-width:480px){.features-section .section-subtitle{width:100%;padding-left:1.25rem;padding-right:2.25rem!important;box-sizing:border-box}.features-section .section-title{width:100%;padding-left:1rem;padding-right:2.25rem!important;box-sizing:border-box}.features-grid{padding:.5rem!important}.hero-description{color:#000}.video-container{height:50vh}.hero-title{font-size:1.8rem}.hero-card{padding:30px}.hero-badge{font-size:.75rem;padding:6px 16px}.hero-overlay-container{width:95%}.features-section{padding:3rem 1rem}}.features-section .feature-card{border:1px solid #e0e0e0!important}body.dark-mode .feature-title1{-webkit-text-fill-color:rgb(0,164,209)!important}body.dark-mode .feature-title2{-webkit-text-fill-color:rgb(224,72,17)!important}body.dark-mode .feature-title3{-webkit-text-fill-color:rgb(11,153,11)!important}body.dark-mode .homepage{background:#0a0a0a}body.dark-mode .features-section{background-color:#000}body.dark-mode .feature-description,body.dark-mode .icon{color:#fff}body.dark-mode .hero-description{color:#fff!important}body.dark-mode .btn-secondary,body.dark-mode .section-subtitle,body.dark-mode .hero-title{color:#fff}body.dark-mode .workspace-page{background:#0a0a0a}body.dark-mode .showcase-page{background:#0a0a0a;color:#fff}body.dark-mode .showcase-hero{background:linear-gradient(135deg,rgba(0,122,204,.3),transparent)}body.dark-mode .hero-title{color:#fff}body.dark-mode .hero-subtitle{color:#b0b0b0}body.dark-mode .showcase-features{background:transparent}body.dark-mode .section-title{color:#fff}body.dark-mode .feature-card{background:#1a1a1a;border:1px solid #333333;box-shadow:0 10px 30px #0000004d}body.dark-mode .feature-card:hover{box-shadow:0 20px 40px #0006}body.dark-mode .feature-title{color:#fff}body.dark-mode .feature-desc{color:#b0b0b0}body.dark-mode .walkthrough-section{background:#111}body.dark-mode .differentiators{background:transparent}body.dark-mode .diff-item{background:#007acc26;color:#fff}body.dark-mode .diff-item:hover{background:#007acc}body.dark-mode .diff-text{color:#fff}body.dark-mode .primary-cta{background:#007acc;color:#fff}body.dark-mode .primary-cta:hover{background:#005d99}body.dark-mode .secondary-cta{background:transparent;color:#4da6ff;border:2px solid #4da6ff}body.dark-mode .secondary-cta:hover{background:#4da6ff1a}body.dark-mode .feature-icon,body.dark-mode .hero-title{background:linear-gradient(135deg,#4da6ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark-mode .docs-page{background:#0a0a0a}body.dark-mode .navbar{background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333333}body.dark-mode .nav-logo{color:#fff}body.dark-mode .nav-link{color:#b0b0b0}body.dark-mode .nav-link:hover,body.dark-mode .nav-link.active{color:#4da6ff}body.dark-mode .nav-link.active:after{background:#4da6ff}body.dark-mode .github-link{background:#333;color:#fff!important}body.dark-mode .github-link:hover{background:#4da6ff}body.dark-mode .theme-toggle-btn{color:#fff;border-color:#444}body.dark-mode .theme-toggle-btn:hover{background:#4da6ff1a;border-color:#4da6ff;color:#4da6ff}body.dark-mode .docs-page{background-color:#000}body.dark-mode .docs-hero{background:linear-gradient(135deg,#035992b0,#2b0a0a77)}body.dark-mode .docs-sidebar{background-color:#000;border-color:#4da6ff;-webkit-text-fill-color:white}body.dark-mode .bookmark{color:#4da6ff}body.dark-mode .quicklink{background:#4da6ff21}body.dark-mode .docs-section{background-color:#000;border-color:#4da6ff}body.dark-mode .feature-card h3{-webkit-text-fill-color:white}body.dark-mode .feature-card{-webkit-text-fill-color:rgba(255,255,255,.712)}body.dark-mode .target-audience h3{-webkit-text-fill-color:white}body.dark-mode .audience-card{background:#000}body.dark-mode .target-audience h4{-webkit-text-fill-color:rgba(255,255,255,.918)}body.dark-mode .target-audience p{-webkit-text-fill-color:rgba(255,255,255,.712)}body.dark-mode .step-card{background:#000;border:1px solid #f0f0f0}body.dark-mode .step-card h3{color:#ffffffea}body.dark-mode .step-card p{-webkit-text-fill-color:rgba(255,255,255,.712)}body.dark-mode .step-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a;border-color:#007acc}body.dark-mode .keyboard-shortcuts{background:#1d1818a6}body.dark-mode .keyboard-shortcuts h3{color:#ffffffea}body.dark-mode .shortcut{background:#1d1818a6}body.dark-mode .language-card{background:#000;border:1px solid #f0f0f0}body.dark-mode .language-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #ffffff36}body.dark-mode .lang-example{background:#000}body.dark-mode .lang-example pre{color:#ffffffc9}body.dark-mode .language-card h3{color:#ffffffea}body.dark-mode .file-structure{background:#3130306e}body.dark-mode .file-structure h3{color:#ffffffea}body.dark-mode .structure-tree{background:#151515}body.dark-mode .tree-item,body.dark-mode .output-type h4{color:#ffffffea}body.dark-mode .output-type p{color:#ffffffc9}body.dark-mode .limitation-card{background:#000;border:1px solid #e0e0e0}body.dark-mode .limitation-card h3{color:#ffffffea}body.dark-mode .limitation-card p{color:#ffffffc9}body.dark-mode .faq-card{background:#000;border:1px solid #f0f0f0}body.dark-mode .faq-card:hover{border-color:#007acc;box-shadow:0 10px 30px #007acc1a}body.dark-mode .faq-question h3{color:#ffffffea}body.dark-mode .faq-answer p{color:#ffffffc9}body.dark-mode .roadmap-item{background:#1d1818a6}body.dark-mode .roadmap-content h3{color:#ffffffea}body.dark-mode .roadmap-content p{color:#ffffffc9}body.dark-mode .mission-card{background:linear-gradient(135deg,#0c3d6d,#3132613f)}body.dark-mode .mission-card h3{color:#ffffffea}body.dark-mode .mission-card p{color:#ffffffc9}body.dark-mode .credits h3{color:#ffffffea}body.dark-mode .tech-item{background-color:#000;border-width:1px;color:#ffffffc9}body.dark-mode .docs-cta{background:linear-gradient(135deg,#007acc8c,#00bbd434)}body.dark-mode .code-editor{background:#1e1e1e;border-color:#333;box-shadow:0 10px 30px #0000004d}body.dark-mode .editor-header{background:#252525;border-bottom-color:#333}body.dark-mode .tab-btn{color:#b0b0b0;background:transparent}body.dark-mode .tab-btn:hover{background:#007acc33;color:#4da6ff}body.dark-mode .tab-btn.active{background:#007acc;color:#fff}body.dark-mode .control-btn{background:#333;border-color:#444;color:#fff}body.dark-mode .control-btn:hover{background:#007acc;border-color:#007acc;color:#fff}body.dark-mode .monaco-editor,body.dark-mode .monaco-editor .margin,body.dark-mode .monaco-editor .monaco-editor-background{background-color:#1e1e1e!important}body.dark-mode .monaco-editor .view-lines,body.dark-mode .monaco-editor .mtk1{color:#fff!important}body.dark-mode .monaco-editor .mtk2{color:#569cd6!important}body.dark-mode .monaco-editor .mtk3{color:#6a9955!important}body.dark-mode .monaco-editor .mtk4{color:#ce9178!important}body.dark-mode .monaco-editor .mtk5{color:#b5cea8!important}body.dark-mode .monaco-editor .mtk6{color:#4ec9b0!important}body.dark-mode .monaco-editor .mtk7{color:#dcdcaa!important}body.dark-mode .monaco-editor .mtk8{color:#9cdcfe!important}body.dark-mode .monaco-editor .margin-view-overlays .line-numbers{color:#858585!important}body.dark-mode .monaco-editor .view-overlays .current-line{border-color:#2a2d2e!important;background-color:#2a2d2e!important}body.dark-mode .monaco-editor .selected-text{background-color:#264f78!important}body.dark-mode .monaco-editor .cursor{background-color:#fff!important}body.dark-mode .monaco-editor .monaco-scrollable-element .scrollbar.vertical .slider,body.dark-mode .monaco-editor .monaco-scrollable-element .scrollbar.horizontal .slider{background:#fff3!important}body.dark-mode .editor-status{background:#252525;border-top-color:#333;color:#888}body.dark-mode .editor-loading{background:#1e1e1e;color:#888}body.dark-mode .tab-icon{color:currentColor}body.dark-mode .code-editor-panel{background:#1e1e1e;border-color:#333}body.dark-mode .monaco-editor-container{background:#1e1e1e}body.dark-mode .feature-card{background:#000!important;border:1px solid #e0e0e0;box-shadow:0 2px 10px #00000014;transition:all .3s;color:#333}body.dark-mode .feature-card:hover{background:#000!important;transform:translateY(-5px);box-shadow:0 8px 25px #007acc26;border-color:#007acc}body.dark-mode .diff-item{border:none}body.dark-mode .hamburger-btn{color:#fff!important;border-color:#444}body.dark-mode .hamburger-btn:hover{color:#4da6ff!important;background:#4da6ff1a}body.dark-mode .mobile-menu{background-color:#000}body.dark-mode .mobile-link{color:#fff}body.dark-mode .mobile-link.active{color:#007acc;font-weight:600}body.dark-mode .mobile-theme-toggle{color:#fff}.live-preview{display:flex;flex-direction:column;height:100%;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.336);box-shadow:var(--shadow)}.dark-mode .live-preview{background:#1a1a1a;border-color:var(--primary-dark);box-shadow:var(--shadow-dark)}.preview-header{background:var(--primary);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.preview-header h3{margin:0;font-size:1rem;font-weight:600}.preview-controls{display:flex;align-items:center;gap:15px}.refresh-btn{background:#fff3;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:5px}.refresh-btn:hover{background:#ffffff4d;transform:scale(1.05)}.status{background:#000;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.preview-content{flex:1;overflow:hidden}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.dark-mode .preview-iframe{background:#1a1a1a}.preview-footer{background:var(--bg-light);padding:8px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.dark-mode .preview-footer{background:#252525;border-top-color:var(--border-dark);color:#888}@media(max-width:768px){.preview-header{padding:10px 15px}.preview-footer{flex-direction:column;gap:5px;align-items:center}}.code-editor{display:flex;flex-direction:column;height:100%;background:var(--bg-white);border-radius:12px;overflow:hidden;font-family:Mulish,sans-serif;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px}.dark-mode.code-editor{background:#1e1e1e;border-color:var(--border-dark);box-shadow:var(--shadow-dark)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:60px;background:var(--bg-light);border-bottom:1px solid var(--border)}.dark-mode .editor-header{background:#252525;border-bottom-color:var(--border-dark)}.editor-tabs{display:flex;gap:10px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:6px;transition:all .3s;font-family:Mulish,sans-serif}.tab-btn:hover{background:var(--primary-light);color:var(--primary)}.tab-btn.active{background:var(--primary);color:#fff}.tab-icon{font-size:1rem}.editor-controls{display:flex;gap:10px}.control-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:1.2rem}.dark-mode .control-btn{background:#333;border-color:var(--border-dark);color:var(--text-light)}.control-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}.editor-content{flex:1;min-height:0}.monaco-editor{border-radius:0 0 12px 12px}.monaco-editor .margin{background:transparent!important}.monaco-editor .scroll-decoration{box-shadow:none!important}.monaco-editor .monaco-scrollable-element .scrollbar.vertical .slider,.monaco-editor .monaco-scrollable-element .scrollbar.horizontal .slider{background:#007acc4d!important;border-radius:4px}:root{--monaco-bg: var(--bg-white);--monaco-text: var(--text-primary);--monaco-border: var(--border)}.dark-mode{--monaco-bg: #1e1e1e;--monaco-text: #d4d4d4;--monaco-border: var(--border-dark)}.editor-status{padding:8px 20px;background:var(--bg-light);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}.dark-mode .editor-status{background:#252525;border-top-color:var(--border-dark);color:#888}.status-item{display:flex;align-items:center;gap:5px}@media(max-width:1024px){.editor-header{padding:0 15px;height:50px}.tab-btn{padding:8px 15px;font-size:.85rem}.control-btn{width:36px;height:36px;font-size:1rem}}@media(max-width:768px){.editor-header{flex-direction:column;height:auto;padding:10px;gap:10px}.editor-tabs{width:100%;justify-content:space-between}.tab-btn{flex:1;justify-content:center}.tab-btn span{display:none}.tab-icon{font-size:1.2rem}.editor-controls{width:100%;justify-content:space-around}.control-btn{flex:1;max-width:60px}}.light .monaco-editor .cursor{background-color:var(--primary)!important}.light .monaco-editor .selected-text{background-color:var(--primary-light)!important}.vs-dark .monaco-editor .cursor{background-color:var(--primary)!important}.vs-dark .monaco-editor .selected-text{background-color:#007acc4d!important}.monaco-editor .line-numbers{color:var(--text-secondary)!important}.dark-mode .monaco-editor .line-numbers{color:#888!important}.monaco-editor .monaco-editor-overlaymessage{color:var(--text-secondary)!important}.editor-loading{display:flex;align-items:center;justify-content:center;height:100%;background:var(--monaco-bg);color:var(--text-secondary);font-style:italic}.monaco-editor,.monaco-editor-background,.monaco-editor .inputarea.ime-input{background-color:var(--monaco-bg)!important}:root{--bg-light: #f8f9fa;--bg-white: #ffffff;--bg-dark: #1a1a1a;--text-primary: #333333;--text-secondary: #666666;--text-light: #ffffff;--primary: #007acc;--primary-dark: #005d99;--primary-light: rgba(0, 122, 204, .1);--border: #e0e0e0;--border-dark: #333333;--shadow: 0 10px 30px rgba(0, 0, 0, .1);--shadow-dark: 0 10px 30px rgba(0, 0, 0, .3);--success: #28a745;--warning: #ffc107;--danger: #dc3545}.workspace-page{min-height:100vh;background:var(--bg-light);font-family:Mulish,sans-serif;transition:background .3s;overflow:hidden}.workspace-page.dark-mode{background:var(--bg-dark);color:var(--text-light)}.workspace-container{display:flex;height:calc(98vh - 70px);margin-top:70px;position:relative;overflow:hidden;font-family:Mulish,sans-serif;width:99%;max-width:100%}.workspace-container.fullscreen{height:100vh;margin-top:0}.split-layout{display:flex;height:100%;width:100%;padding:10px 20px 10px 9px;position:relative;transition:all .3s ease;gap:8px}.split-layout.single-panel{padding:0}.split-layout.single-panel .code-editor-panel{width:100%!important;height:100%!important;border-radius:0;border:none;box-shadow:none;flex:1}.resizer{width:8px;height:100%;background:var(--border);cursor:col-resize;z-index:100;position:relative;flex-shrink:0;transition:background .2s;border-radius:4px}.resizer:hover,.resizer:active{background:var(--primary)}.resizer:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:40px;background:var(--text-secondary);border-radius:1px;opacity:.6}.dark-mode .resizer{background:var(--border-dark)}.dark-mode .resizer:hover,.dark-mode .resizer:active{background:var(--primary)}.dark-mode .resizer:before{background:var(--text-light)}.code-editor-panel,.live-preview-panel{flex:1 1 0;display:flex;flex-direction:column;min-width:0;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.dark-mode .code-editor-panel,.dark-mode .live-preview-panel{background:#1e1e1e;border-color:var(--border-dark);box-shadow:var(--shadow-dark)}@media(max-width:1024px){.split-layout{flex-direction:column;padding:10px;gap:8px}.code-editor-panel,.live-preview-panel{width:100%!important;height:auto;flex:1 1 0;min-height:0}.resizer{width:100%;height:8px;cursor:row-resize;margin:0}.resizer:before{width:40px;height:2px}.split-layout.single-panel .code-editor-panel{flex:1 1 100%;height:100%!important}}@media(max-width:768px){.split-layout{padding:8px}.workspace-container{height:calc(100vh - 70px)}.code-editor-panel,.live-preview-panel{border-radius:8px}}@media(max-width:480px){.shortcut-hint,.control-shortcut{display:none}.keyboard-shortcut-overlay{top:10px;right:10px;left:10px;justify-content:center;font-size:.8rem}}.keyboard-shortcut-overlay{position:fixed;top:20px;right:20px;background:#000000e6;color:#fff;padding:10px 15px;border-radius:8px;font-size:.9rem;z-index:10000;animation:fadeInOut 2s ease-in-out forwards;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.dark-mode .keyboard-shortcut-overlay{background:#ffffffe6;color:#000;border:1px solid rgba(0,0,0,.1)}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.shortcut-keys{display:flex;gap:4px}.keyboard-shortcut-overlay kbd{background:#fff3;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.8rem;min-width:24px;text-align:center;font-weight:600}.dark-mode .keyboard-shortcut-overlay kbd{background:#0003}.tab-btn{position:relative;display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:6px;transition:all .3s;font-family:Mulish,sans-serif}.shortcut-hint{font-size:.7rem;background:#0000001a;padding:2px 6px;border-radius:4px;margin-left:4px;opacity:.7;transition:opacity .3s}.dark-mode .shortcut-hint{background:#ffffff1a;color:#ffffffb3}.tab-btn:hover .shortcut-hint{opacity:1}.control-btn{position:relative;width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:1.2rem}.control-shortcut{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:.6rem;background:var(--primary);color:#fff;padding:2px 6px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.control-btn:hover .control-shortcut{opacity:1}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-dark);color:var(--text-light);padding:6px 12px;border-radius:6px;font-size:.8rem;white-space:nowrap;z-index:1000;margin-bottom:8px;pointer-events:none;min-width:max-content}[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-dark);margin-bottom:2px;z-index:1000;pointer-events:none}.control-btn[title]:hover:after{bottom:120%;left:50%;transform:translate(-50%)}.control-btn[title]:hover:before{bottom:120%;left:50%;transform:translate(-50%)}.status{background:linear-gradient(5deg,#004280,#000);padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:live-glow .2s infinite alternate;box-shadow:0 0 10px #007acc80;font-family:Mulish,sans-serif}@keyframes live-glow{0%{box-shadow:0 0 5px #007acc80;transform:scale(.98)}to{box-shadow:0 0 15px #007acccc,0 0 30px #007acc4d;transform:scale(1.02)}}.hero-bg-animation{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,122,204,.514) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,188,212,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(156,39,176,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite;z-index:0}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.showcase-page{min-height:100vh;background:#fff;font-family:Mulish,sans-serif;color:#333;overflow-x:hidden;overflow-y:visible}.showcase-hero{padding:80px 20px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(1,22,36,.288),transparent)}.hero-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.1;z-index:0}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:20px;color:#007acc;background:linear-gradient(135deg,#007acc,#005d99);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:#666;margin-bottom:40px;line-height:1.6}.cta-buttons{display:flex;gap:20px;justify-content:center;margin-top:40px}.primary-cta,.secondary-cta{padding:14px 32px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.primary-cta{background:#007acc;color:#fff;border:none}.primary-cta:hover{background:#005d99;transform:translateY(-2px);box-shadow:0 10px 20px #007acc33}.secondary-cta{background:transparent;color:#007acc;border:2px solid #007acc}.secondary-cta:hover{background:#007acc1a;transform:translateY(-2px)}.showcase-features{position:relative;padding:40px 20px;max-width:1200px;margin:0 auto;padding-bottom:7rem!important;background:#fff;overflow-y:visible!important}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:40px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:90px;margin-top:40px;height:100%!important;padding-right:1rem!important}.feature-card{display:flex;flex-direction:column;max-height:420px!important;justify-content:cewnter;padding:30px;border-radius:12px;background:#f8f9fa;border:8px solid #e0e0e0!important;box-shadow:0 2px 10px #00000014;transition:all .3s;color:#333}.feature-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 8px 25px #007acc26;border-color:#007acc}.feature-icon{margin-bottom:20px;color:#007acc;display:flex;align-items:center}.feature-icon svg{width:40px;height:40px}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#333}.feature-desc{font-size:1rem;margin-bottom:15px;color:#666;line-height:1.5}.feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.feature-tags span{background:#007acc1a;color:#007acc;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(0,122,204,.2)}.feature-link{color:#007acc;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;transition:all .3s;margin-top:auto;margin-bottom:20px}.feature-link:hover{transform:translate(5px);color:#005d99}.walkthrough-subtitle{font-size:1.2rem;color:#666;margin-bottom:40px;text-align:center;line-height:1.6}.walkthrough-section{padding:80px 20px;background:#f8f9fa;text-align:center}.walkthrough-video{width:100%;max-width:800px;border-radius:12px;overflow:hidden;margin:40px auto;box-shadow:0 20px 60px #00000026;background:#000}.walkthrough-video-player{width:100%;height:auto;display:block;object-fit:contain;object-position:center}.video-placeholder{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;border-radius:12px;border:2px dashed #007acc}.video-placeholder svg{color:#007acc;margin-bottom:20px}.video-placeholder div{font-size:1.2rem;font-weight:600;margin-bottom:10px}.video-placeholder small{opacity:.7}.differentiators{padding:80px 20px;max-width:1200px;margin:0 auto}.diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.diff-item{text-align:center;padding:30px;border-radius:12px;background:#f8f9fa;border:1px solid #e0e0e0;transition:all .3s;color:#333;display:flex;flex-direction:column;align-items:center;gap:15px}.diff-item:hover{background:#007acc;transform:translateY(-5px);color:#fff;border-color:#007acc}.diff-item svg{width:40px;height:40px;color:#007acc;transition:all .3s}.diff-item:hover svg{color:#fff}.diff-item p{margin:0;font-weight:600;transition:all .3s}.cta-section{padding:100px 20px;text-align:center;background:linear-gradient(135deg,#007acc,#005d99);color:#fff}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-subtitle{font-size:1.25rem;margin-bottom:40px;opacity:.9}.cta-button{padding:16px 48px;font-size:1.1rem;font-weight:600;background:#fff;color:#007acc;border:none;border-radius:8px;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0003}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.section-title,.cta-title{font-size:2rem}.walkthrough-video{aspect-ratio:16 / 9;height:auto}.walkthrough-video-player{width:100%;height:100%;object-fit:cover;object-position:center;display:block}}.showcase-page .feature-card{opacity:1!important;transform:none!important;animation:none!important;background:#f8f9fa!important;border:1px solid #e0e0e0!important;box-shadow:0 2px 10px #00000014!important;padding:30px!important;visibility:visible!important;height:100%!important}.showcase-page .feature-card:hover{transform:translateY(-5px)!important;background:#fff!important;box-shadow:0 8px 25px #007acc26!important;border-color:#007acc!important}.showcase-page .feature-card{opacity:1;transform:none;animation:none;background:#f8f9fa;border:1px solid #e0e0e0;box-shadow:0 2px 10px #00000014;padding:30px;visibility:visible;min-height:320px!important}.showcase-page .feature-card:hover{transform:translateY(-5px);background:#fff;box-shadow:0 8px 25px #007acc26;border-color:#007acc}.docs-page{min-height:100vh;background:#fff;font-family:Mulish,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#333;overflow-x:clip}.docs-hero{position:relative;padding:120px 20px 80px;background:linear-gradient(135deg,#f8f9fa,#fff);overflow:hidden}.hero-bg-animation{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,122,204,.514) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,188,212,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(156,39,176,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#007acc,#00bcd4);color:#fff;padding:12px 24px;border-radius:50px;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:30px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 5px 20px #007acc4d}50%{transform:scale(1.05);box-shadow:0 8px 30px #007acc66}}.hero-title{font-size:4rem;font-weight:800;margin-bottom:20px;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#f44336,#0089ce,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 2s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.3rem;color:#666;max-width:800px;margin:0 auto 40px;line-height:1.6}.search-container{max-width:700px;margin:0 auto 60px;position:relative}.search-input{width:100%;padding:20px 60px 20px 30px;font-size:1.1rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;transition:all .3s ease;box-shadow:0 10px 30px #0000001a}.search-input:focus{outline:none;border-color:#007acc;box-shadow:0 15px 40px #007acc33;transform:translateY(-2px)}.search-hint{display:flex;align-items:center;gap:8px;color:#666;font-size:.9rem;margin-top:10px;justify-content:center}.quick-stats{display:flex;justify-content:center;gap:40px;margin-top:60px}.stat-card{text-align:center;padding:25px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;min-width:180px;border:1px solid #f0f0f0}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.stat-icon{font-size:2.5rem;color:#007acc;margin-bottom:15px}.stat-number{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#007acc,#005d99);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.stat-label{color:#666;font-size:.9rem;font-weight:500}.docs-container{display:flex;max-width:1400px;margin:0 auto;padding:40px 20px;gap:40px}.docs-sidebar{width:280px;flex-shrink:0;position:sticky;top:80px;height:fit-content;background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 30px #0000001a;border:1px solid #f0f0f0;z-index:100;overflow-y:auto;overflow-x:hidden;max-height:80vh}.docs-sidebar::-webkit-scrollbar{width:9px}.docs-sidebar::-webkit-scrollbar-track{background:#f8f9fa4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;margin:20px 0;border:1px solid rgba(0,122,204,.1)}.docs-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#007acccc,#00bcd499);border-radius:10px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a,inset 0 1px #ffffff4d;transition:all .3s ease}.docs-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#007acc,#00bcd4cc);box-shadow:0 6px 12px #007acc4d,inset 0 1px #ffffff80}.docs-sidebar::-webkit-scrollbar-corner{background:transparent}.sidebar-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.sidebar-header h3{display:flex;align-items:center;gap:10px;font-size:1.3rem;color:#333;margin-bottom:5px}.sidebar-subtitle{color:#666;font-size:.9rem}.sidebar-nav{list-style:none;margin-bottom:40px}.nav-item{display:flex;align-items:center;gap:15px;padding:15px;text-decoration:none;color:#666;border-radius:12px;margin-bottom:8px;transition:all .3s ease;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--color);transform:translate(-100%);transition:transform .3s ease}.nav-item:hover:before,.nav-item.active:before{transform:translate(0)}.nav-item:hover,.nav-item.active{background:#007acc0d;color:#333;padding-left:20px}.nav-icon{font-size:1.3rem;transition:transform .3s ease}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{transform:scale(1.2)}.nav-title{flex:1;font-weight:500}.nav-indicator{width:8px;height:8px;border-radius:50%;background:var(--color);opacity:0;transition:opacity .3s ease}.nav-item.active .nav-indicator{opacity:1}.sidebar-quicklinks{padding-top:25px;border-top:2px solid #f0f0f0}.sidebar-quicklinks h4{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#333}.quicklink{display:flex;align-items:center;gap:12px;padding:12px 15px;text-decoration:none;color:#666;border-radius:10px;margin-bottom:10px;transition:all .3s ease;background:#f8f9fa}.docs-content{flex:1;min-width:0}.docs-section{background:#fff;border-radius:16px;padding:40px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a;border:1px solid #f0f0f0;opacity:0;transform:translateY(30px);transition:all .6s ease}.docs-section.animate-in{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:50px}.section-icon{font-size:3rem;color:#007acc;margin-bottom:20px;display:inline-block;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:50%;box-shadow:0 10px 20px #007acc1a}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:15px;color:#333}.section-subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:50px}.feature-card{background:#f8f9fa;border-radius:12px;padding:30px;text-align:center;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a;border-color:#007acc;background:#fff}.feature-icon{font-size:2.5rem;color:#007acc;margin-bottom:20px}.feature-card h3{font-size:1.3rem;margin-bottom:15px;color:#333}.feature-card p{color:#666;line-height:1.6}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:40px}.audience-card{text-align:center;padding:25px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;transition:all .3s ease}.audience-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.audience-card svg{font-size:2.5rem;color:#007acc;margin-bottom:15px}.audience-card h4{font-size:1.2rem;margin-bottom:10px;color:#333}.audience-card p{color:#666;font-size:.9rem;line-height:1.5}.steps-timeline{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.step-card{flex:1;min-width:180px;background:#fff;border-radius:12px;padding:25px;text-align:center;border:2px solid #f0f0f0;transition:all .3s ease;position:relative}.step-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a;border-color:#007acc}.step-number{position:absolute;top:-15px;left:-15px;width:40px;height:40px;background:linear-gradient(135deg,#007acc,#00bcd4);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.step-icon{font-size:2.5rem;color:#007acc;margin-bottom:15px}.step-card h3{font-size:1.2rem;margin-bottom:10px;color:#333}.step-card p{color:#666;font-size:.9rem;line-height:1.5}.editor-features{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.feature-demo{background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px #0003}.demo-header{background:#252526;padding:15px 20px;display:flex;align-items:center;gap:15px}.window-dots{display:flex;gap:8px}.window-dots span{width:12px;height:12px;border-radius:50%;display:block}.window-dots span:nth-child(1){background:#ff5f56}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#27ca3f}.demo-title{color:#ccc;font-size:.9rem;font-family:monospace}.demo-content{padding:25px}.demo-content pre{color:#d4d4d4;font-family:Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0}.keyboard-shortcuts{background:#f8f9fa;border-radius:12px;padding:30px}.keyboard-shortcuts h3{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:#333}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.shortcut{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.shortcut kbd{background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.9rem;min-width:30px;text-align:center}.shortcut span{color:#666;flex:1}.languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}.language-card{background:#fff;border-radius:12px;padding:25px;text-align:center;border:2px solid #f0f0f0;transition:all .3s ease;position:relative;overflow:hidden}.language-card:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:var(--color)}.language-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.lang-icon{font-size:3rem;margin-bottom:15px}.language-card h3{font-size:1.3rem;margin-bottom:10px;color:#333}.lang-status{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:20px}.lang-status.full-support{background:#4caf501a;color:#4caf50}.lang-status.beta{background:#ff98001a;color:#ff9800}.lang-status.coming-soon{background:#9e9e9e1a;color:#9e9e9e}.lang-example{background:#f8f9fa;border-radius:8px;padding:15px;text-align:left}.lang-example pre{margin:0;font-size:.8rem;color:#333;font-family:monospace}.workspace-guide{display:grid;grid-template-columns:1fr 1fr;gap:40px}.file-structure{background:#f8f9fa;border-radius:12px;padding:25px}.file-structure h3{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#333}.structure-tree{background:#fff;border-radius:8px;padding:20px;font-family:monospace}.tree-item{margin-bottom:8px;color:#333}.indent{margin-left:20px}.double-indent{margin-left:40px}.best-practices{background:linear-gradient(135deg,#007acc,#00bcd4);border-radius:12px;padding:25px;color:#fff}.best-practices h3{display:flex;align-items:center;gap:10px;margin-bottom:20px}.best-practices ul{list-style:none;padding-left:0}.best-practices li{margin-bottom:12px;padding-left:25px;position:relative}.best-practices li:before{content:"✓";position:absolute;left:0;color:#fff;font-weight:700}.output-types{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.output-type{padding:25px;border-radius:12px;text-align:center}.output-type.success{background:#4caf501a;border:2px solid #4caf50}.output-type.error{background:#f443361a;border:2px solid #f44336}.output-type.limit{background:#ff98001a;border:2px solid #ff9800}.output-type h4{font-size:1.2rem;margin-bottom:10px}.limitations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.limitation-card{text-align:center;padding:25px;background:#f8f9fa;border-radius:12px;border:2px solid #e0e0e0}.limitation-card svg{font-size:2.5rem;color:#607d8b;margin-bottom:15px}.limitation-card h3{font-size:1.2rem;margin-bottom:10px;color:#333}.limitation-card p{color:#666;font-size:.9rem}.faq-grid{display:grid;gap:20px}.faq-card{background:#fff;border-radius:12px;padding:25px;border:2px solid #f0f0f0;transition:all .3s ease}.faq-card:hover{border-color:#007acc;box-shadow:0 10px 30px #007acc1a}.faq-question{display:flex;align-items:center;gap:15px;margin-bottom:15px}.faq-question svg{color:#007acc;font-size:1.5rem}.faq-question h3{font-size:1.2rem;color:#333;margin:0}.faq-answer p{color:#666;line-height:1.6;padding-left:40px}.roadmap-timeline{display:flex;flex-direction:column;gap:20px}.roadmap-item{display:flex;align-items:center;gap:20px;padding:25px;background:#f8f9fa;border-radius:12px;border-left:5px solid #007acc}.roadmap-icon{font-size:2.5rem;color:#007acc}.roadmap-content{flex:1}.roadmap-content h3{font-size:1.3rem;margin-bottom:10px;color:#333}.roadmap-content p{color:#666;margin-bottom:10px}.about-content{display:grid;gap:40px}.mission-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;padding:30px;text-align:center}.mission-card h3{font-size:1.5rem;margin-bottom:20px;color:#333}.mission-card p{color:#666;line-height:1.7;max-width:800px;margin:0 auto}.tech-stack{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:30px 0}.tech-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#fff;border-radius:12px;min-width:100px;border:2px solid #f0f0f0}.tech-item svg{font-size:2.5rem;color:#007acc}.credits{display:flex;flex-direction:column;justify-items:center;align-items:center}.github-link a{color:#ffffffea;text-align:center;justify-content:center;align-items:center;align-content:center;width:30%;text-decoration:none}.docs-cta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#035992,#00bbd47a);border-radius:16px;margin-top:50px;color:#fff}.cta-content h2{font-size:2.5rem;margin-bottom:15px}.cta-content p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.cta-button-primary,.cta-button-secondary{display:inline-flex;align-items:center;gap:10px;padding:18px 35px;text-decoration:none;border-radius:12px;font-weight:600;font-size:1.1rem;transition:all .3s ease;margin:0 10px}.cta-button-primary{background:#fff;color:#007acc}.cta-button-secondary{background:transparent;color:#fff;border:2px solid white}.cta-button-primary:hover,.cta-button-secondary:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.animate-fade-in{animation:fadeIn 1s ease forwards}.animate-slide-up{animation:slideUp 1s ease forwards}.animate-slide-up-delay{animation:slideUp 1s ease .3s forwards;opacity:0}.animate-slide-up-delay-2{animation:slideUp 1s ease .6s forwards;opacity:0}.animate-fade-in-delay{animation:fadeIn 1s ease .9s forwards;opacity:0}.animate-card{opacity:0;transform:translateY(20px);transition:all .6s ease}.animate-in .animate-card{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.docs-container{flex-direction:column}.docs-sidebar{width:100%;position:static;margin-bottom:30px}.sidebar-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}}@media(max-width:768px){.hero-title{font-size:2.5rem}.quick-stats{flex-direction:column;align-items:center}.stat-card{width:100%;max-width:300px}.editor-features,.workspace-guide,.output-types,.limitations-grid{grid-template-columns:1fr}.steps-timeline{flex-direction:column}.languages-grid{grid-template-columns:repeat(2,1fr)}.shortcuts-grid{grid-template-columns:1fr}.cta-button-primary,.cta-button-secondary{width:70%;margin:10px 0;justify-content:center}.search-container{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:15px!important;padding-right:15px!important;box-sizing:border-box!important}.search-input{padding:16px 20px!important;font-size:1rem!important;text-align:left;width:100%!important;box-sizing:border-box!important}.search-hint{justify-content:center!important;text-align:center!important;width:100%!important}}@media(max-width:480px){.code{padding:0!important;margin:0!important}.search-input{padding:14px 16px;font-size:.95rem}.search-hint{font-size:.8rem}.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.languages-grid{grid-template-columns:1fr}.cta-button-primary,.cta-button-secondary{width:70%;margin:10px 0;justify-content:center}.section-title,.section-subtitle{padding-right:20px!important}.editor-features{display:flex;flex-direction:column;align-items:center;width:100%}.feature-demo{width:90%;padding-left:2px;margin-right:20px!important;box-sizing:border-box}.demo-content pre{white-space:pre-wrap;word-break:break-word;margin:0}.keyboard-shortcuts{width:100%;margin:0 auto!important;box-sizing:border-box!important}.keyboard-shortcuts{width:100%!important;margin-left:-30px!important}}.no-results{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a}.no-results svg{color:#007acc;margin-bottom:20px}.no-results h3{font-size:1.8rem;margin-bottom:10px;color:#333}.no-results p{color:#666;font-size:1.1rem}.feature-card{border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:var(--shadow)!important}