:root{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d30;--bg-sidebar:#181818;--bg-editor:#1e1e1e;--bg-terminal:#0d0d0d;--bg-hover:#2a2d2e;--bg-active:#37373d;--border:#3c3c3c;--border-active:#007acc;--text-primary:#d4d4d4;--text-secondary:#858585;--text-muted:#6e6e6e;--text-white:#fff;--syntax-keyword:#569cd6;--syntax-string:#ce9178;--syntax-number:#b5cea8;--syntax-function:#dcdcaa;--syntax-variable:#9cdcfe;--syntax-comment:#6a9955;--syntax-class:#4ec9b0;--accent-blue:#007acc;--accent-green:#4ec9b0;--accent-cyan:#4fc1ff;--accent-red:#f14c4c;--neon-blue:#00d4ff;--neon-green:#00ff9d;--neon-purple:#b14eff;--glow-blue:0 0 20px #00d4ff80;--glow-green:0 0 20px #00ff9d80}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{background:#1e1e1e;background:var(--bg-primary);color:#d4d4d4;color:var(--text-primary);font-family:Fira Code,Consolas,monospace;height:100vh;line-height:1.6;overflow:hidden}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#252526;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#2d2d30;background:var(--bg-tertiary);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#6e6e6e;background:var(--text-muted)}.folder-icon{color:#dcb67a;font-size:.9em;margin-right:6px}.skill-icon i{color:#00d4ff;color:var(--neon-blue);font-size:1.2rem}.project-preview i{color:#b14eff;color:var(--neon-purple);font-size:4rem;opacity:.9}.video-card-info h4 i,.video-featured-info h3 i{color:#00ff9d;color:var(--neon-green);margin-right:8px}.profile-avatar i{color:#fff;font-size:3rem}.vscode-container{display:grid;grid-template-columns:48px 240px 1fr;grid-template-rows:35px 1fr 24px;height:100vh;overflow:hidden;position:relative}.title-bar{align-items:center;background:#2d2d30;background:var(--bg-tertiary);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);display:flex;grid-column:1/-1;padding:0 10px;-webkit-user-select:none;user-select:none}.title-bar-controls{display:flex;gap:8px;margin-right:15px}.control-btn{border-radius:50%;cursor:pointer;height:12px;width:12px}.control-btn.close{background:#ff5f57}.control-btn.minimize{background:#febc2e}.control-btn.maximize{background:#28c840}.title-bar-title{color:#858585;color:var(--text-secondary);flex:1 1;font-size:.85rem;text-align:center}.title-bar-title span{color:#d4d4d4;color:var(--text-primary)}.activity-bar{background:#181818;background:var(--bg-sidebar);border-right:1px solid #3c3c3c;border-right:1px solid var(--border);flex-direction:column;padding-top:5px}.activity-bar,.activity-icon{align-items:center;display:flex}.activity-icon{color:#6e6e6e;color:var(--text-muted);cursor:pointer;height:48px;justify-content:center;position:relative;transition:all .2s;width:48px}.activity-icon.active,.activity-icon:hover{color:#d4d4d4;color:var(--text-primary)}.activity-icon.active:before{background:#007acc;background:var(--accent-blue);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.activity-icon svg{height:24px;width:24px}.activity-badge{background:#007acc;background:var(--accent-blue);border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;padding:1px 5px;position:absolute;right:8px;top:8px}.theme-indicator{border:1px solid #6e6e6e;border:1px solid var(--text-muted);border-radius:50%;bottom:6px;height:8px;position:absolute;right:6px;width:8px}.theme-switcher:hover .theme-indicator{transform:scale(1.2)}.sidebar{background:#252526;background:var(--bg-secondary);border-right:1px solid #3c3c3c;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{color:#858585;color:var(--text-secondary);font-size:.75rem;letter-spacing:1px;padding:10px 15px;text-transform:uppercase}.sidebar-section{border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border)}.sidebar-section-header{align-items:center;color:#d4d4d4;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:5px;padding:8px 10px;-webkit-user-select:none;user-select:none}.sidebar-section-header:hover{background:#2a2d2e;background:var(--bg-hover)}.file-tree{padding-left:0}.file-item{align-items:center;color:#858585;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:4px 10px 4px 24px;position:relative;transition:all .15s}.file-item:before{border-radius:50%;content:"";height:6px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.file-item:hover{background:#2a2d2e;background:var(--bg-hover)}.file-item.active,.file-item:hover{color:#d4d4d4;color:var(--text-primary)}.file-item.active{background:#37373d;background:var(--bg-active)}.file-item.nested-1{padding-left:36px}.file-item.nested-1:before{left:24px}.file-item.nested-2{padding-left:48px}.file-item.nested-2:before{left:36px}.file-item.ts:before{background:#3178c6}.file-item.json:before{background:#cbcb41}.file-item.pdf:before{background:#f55}.folder-item{align-items:center;color:#d4d4d4;color:var(--text-primary);display:flex;font-size:.85rem;gap:6px;padding:4px 10px 4px 12px;-webkit-user-select:none;user-select:none}.folder-item.nested-1{padding-left:24px}.search-input{background:#2d2d30;background:var(--bg-tertiary);border:1px solid #007acc;border:1px solid var(--accent-blue);border-radius:4px;color:#d4d4d4;color:var(--text-primary);font-family:inherit;font-size:.85rem;outline:none;padding:8px 10px;width:100%}.search-input:focus{box-shadow:0 0 0 2px #007acc4d}.tips-container{display:flex;flex-direction:column;gap:8px}.tip-item{align-items:flex-start;background:#2d2d30;background:var(--bg-tertiary);border-left:3px solid #007acc;border-left:3px solid var(--accent-blue);border-radius:6px;display:flex;gap:10px;padding:8px 10px;transition:all .2s}.tip-item:hover{background:#2a2d2e;background:var(--bg-hover);border-left-color:#00ff9d;border-left-color:var(--neon-green)}.tip-icon{flex-shrink:0;font-size:1rem}.tip-content{flex:1 1;min-width:0}.tip-title{color:#d4d4d4;color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:2px}.tip-desc{color:#6e6e6e;color:var(--text-muted);font-size:.7rem;line-height:1.4}.commit-item{border-radius:4px;cursor:pointer;margin-bottom:12px;padding:6px 0;transition:background .2s}.commit-item:hover{background:#2a2d2e;background:var(--bg-hover)}.editor-area{display:flex;flex-direction:column;min-height:0;overflow:hidden}.editor-tabs{border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);overflow-x:auto}.editor-tab,.editor-tabs{background:#2d2d30;background:var(--bg-tertiary);display:flex}.editor-tab{align-items:center;border-right:1px solid #3c3c3c;border-right:1px solid var(--border);color:#858585;color:var(--text-secondary);cursor:pointer;font-size:.85rem;gap:8px;padding:8px 15px;transition:all .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.editor-tab:hover{background:#2a2d2e;background:var(--bg-hover)}.editor-tab.active{background:#1e1e1e;background:var(--bg-editor);border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--bg-editor);color:#d4d4d4;color:var(--text-primary);margin-bottom:-1px}.editor-tab .close-tab{align-items:center;border-radius:3px;display:flex;height:16px;justify-content:center;opacity:0;width:16px}.editor-tab:hover .close-tab{opacity:1}.run-button{align-items:center;background:#2d2d30;background:var(--bg-tertiary);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);border-left:1px solid #3c3c3c;border-left:1px solid var(--border);cursor:pointer;display:flex;padding:0 15px;transition:background .2s}.run-button:hover{background:#2a2d2e;background:var(--bg-hover)}.editor-content{display:flex;flex:1 1;min-height:0;overflow:hidden}.keyword{color:#569cd6;color:var(--syntax-keyword)}.string{color:#ce9178;color:var(--syntax-string)}.number{color:#b5cea8;color:var(--syntax-number)}.function{color:#dcdcaa;color:var(--syntax-function)}.variable{color:#9cdcfe;color:var(--syntax-variable)}.comment{color:#6a9955;color:var(--syntax-comment);font-style:italic}.status-bar{align-items:center;background:#007acc;background:var(--accent-blue);color:#fff;display:flex;font-size:.75rem;grid-column:1/-1;justify-content:space-between;padding:0 10px}.status-left,.status-right{align-items:center;display:flex;gap:15px}.status-item{align-items:center;display:flex;gap:5px;padding:2px 8px}.status-item.clickable{background:#ffffff26;border-radius:3px;cursor:pointer}.status-item.clickable:hover{background:#ffffff40}.theme-badge{background:#fff3;border-radius:3px;font-size:.7rem;padding:1px 8px}.terminal-tabs{background:#2d2d30;background:var(--bg-tertiary);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);display:flex}.terminal-tab{color:#858585;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:6px 15px}.terminal-tab.active{background:#0d0d0d;background:var(--bg-terminal);color:#d4d4d4;color:var(--text-primary)}.terminal-body{flex:1 1;font-size:.85rem;overflow-y:auto;padding:15px}.terminal-line{margin-bottom:5px}.terminal-prompt{color:#00ff9d;color:var(--neon-green)}.terminal-path{color:#4fc1ff;color:var(--accent-cyan)}.terminal-command{color:#d4d4d4;color:var(--text-primary)}.terminal-output{color:#858585;color:var(--text-secondary)}.terminal-success{color:#00ff9d;color:var(--neon-green)}.terminal-error{color:#f14c4c;color:var(--accent-red)}.text-muted{color:#6e6e6e;color:var(--text-muted)}.text-white{color:#fff;color:var(--text-white)}.terminal-cursor{animation:cursor-blink 1s step-end infinite;background:#00ff9d;background:var(--neon-green);display:inline-block;height:1.2em;vertical-align:text-bottom;width:8px}@keyframes cursor-blink{50%{opacity:0}}.bottom-panel{background:#0d0d0d;background:var(--bg-terminal);border-top:1px solid #3c3c3c;border-top:1px solid var(--border);bottom:24px;display:flex;flex-direction:column;height:0;left:48px;overflow:hidden;position:absolute;right:0;transition:height .2s ease;z-index:100}.bottom-panel.open{height:200px}.bottom-panel .terminal-tabs{height:35px;min-height:35px;padding:0 10px}.bottom-panel .terminal-tab.active{border-bottom:1px solid #007acc;border-bottom:1px solid var(--accent-blue)}.panel-close{-webkit-tap-highlight-color:transparent;color:#6e6e6e;color:var(--text-muted);cursor:pointer;padding:5px 10px}#term-input,.panel-close:hover{color:#d4d4d4;color:var(--text-primary)}#term-input{background:#0000;border:none;flex:1 1;font-family:Fira Code,monospace;font-size:.9rem;margin-left:8px;outline:none}.content-section{display:none}.content-section,.content-section.active{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.content-section.active{display:block;flex:1 1;height:100%}.profile-section{padding:30px}.cyber-grid{background-image:linear-gradient(#00d4ff08 1px,#0000 0),linear-gradient(90deg,#00d4ff08 1px,#0000 0);background-size:20px 20px}.profile-header{align-items:flex-start;background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;display:flex;gap:30px;margin-bottom:40px;overflow:hidden;padding:30px;position:relative}.profile-header:before{background:linear-gradient(90deg,#00d4ff,#b14eff,#00ff9d);background:linear-gradient(90deg,var(--neon-blue),var(--neon-purple),var(--neon-green));content:"";height:3px;left:0;position:absolute;right:0;top:0}.profile-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#b14eff);background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));border-radius:8px;display:flex;font-size:3rem;height:120px;justify-content:center;position:relative;width:120px}.profile-avatar:after{animation:border-rotate 3s linear infinite;background:linear-gradient(135deg,#00d4ff,#b14eff,#00ff9d);background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple),var(--neon-green));border-radius:10px;content:"";inset:-3px;position:absolute;z-index:-1}@keyframes border-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.profile-info{flex:1 1}.profile-name{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;margin-bottom:5px}.profile-title{color:#00ff9d;color:var(--neon-green);font-size:1rem;margin-bottom:15px}.profile-bio{color:#858585;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.profile-stats{display:flex;gap:30px}.stat-box{background:#2d2d30;background:var(--bg-tertiary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:6px;padding:15px 25px;text-align:center}.stat-value{color:#00d4ff;color:var(--neon-blue);font-size:1.8rem;text-shadow:0 0 20px #00d4ff80;text-shadow:var(--glow-blue)}.stat-label{font-size:.75rem;letter-spacing:1px}.education-section,.skills-section{margin-top:30px}.section-title{align-items:center;display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.section-title:before{color:#6a9955;color:var(--syntax-comment);content:"//"}.skills-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skill-card{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:6px;padding:20px;transition:all .3s}.skill-card:hover{border-color:#00d4ff;border-color:var(--neon-blue);box-shadow:0 0 20px #00d4ff80;box-shadow:var(--glow-blue)}.skill-card-header{gap:10px;margin-bottom:15px}.skill-card-header,.skill-icon{align-items:center;display:flex}.skill-icon{background:#2d2d30;background:var(--bg-tertiary);border-radius:6px;height:36px;justify-content:center;width:36px}.skill-card h3{font-size:1rem;font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#2d2d30;background:var(--bg-tertiary);border:1px solid #0000;border-radius:4px;color:#858585;color:var(--text-secondary);font-size:.8rem;padding:4px 10px;transition:all .2s}.skill-tag:hover{border-color:#00ff9d;border-color:var(--neon-green);color:#00ff9d;color:var(--neon-green)}.experience-timeline{margin-top:30px}.timeline-item{border-left:2px solid #3c3c3c;border-left:2px solid var(--border);padding-bottom:30px;padding-left:30px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{background:#00d4ff;background:var(--neon-blue);border-radius:50%;box-shadow:0 0 20px #00d4ff80;box-shadow:var(--glow-blue);content:"";height:12px;left:-7px;position:absolute;top:0;width:12px}.timeline-date{color:#00ff9d;color:var(--neon-green);font-size:.8rem;margin-bottom:5px}.timeline-title{font-size:1.1rem;font-weight:600;margin-bottom:5px}.timeline-company{color:#858585;color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.timeline-desc{color:#6e6e6e;color:var(--text-muted);font-size:.85rem;line-height:1.6}.projects-container{display:grid;grid-template-columns:400px 1fr;height:100%;overflow:hidden}.projects-list{background:#252526;background:var(--bg-secondary);border-right:1px solid #3c3c3c;border-right:1px solid var(--border);overflow-y:auto;padding:20px}.projects-list .section-title{border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:15px}.project-item{align-items:center;background:#2d2d30;background:var(--bg-tertiary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .2s}.project-item:hover{background:#2a2d2e;background:var(--bg-hover);border-color:#b14eff;border-color:var(--neon-purple)}.project-item.active{background:#37373d;background:var(--bg-active);border-color:#00d4ff;border-color:var(--neon-blue);box-shadow:0 0 15px #00d4ff26}.project-item-icon{align-items:center;background:linear-gradient(135deg,#252526,#37373d);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-active));border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.project-item-icon i{color:#b14eff;color:var(--neon-purple);font-size:1.3rem}.project-item.active .project-item-icon i{color:#00d4ff;color:var(--neon-blue)}.project-item-info{flex:1 1;min-width:0}.project-item-info h3{color:#d4d4d4;color:var(--text-primary);font-size:1rem;margin-bottom:5px}.project-item-info p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6e6e6e;color:var(--text-muted);display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:8px;overflow:hidden}.project-item-tech{display:flex;flex-wrap:wrap;gap:5px}.project-item-tech span{background:#252526;background:var(--bg-secondary);border-radius:3px;color:#4fc1ff;color:var(--accent-cyan);font-size:.7rem;padding:2px 8px}.project-item-arrow{color:#6e6e6e;color:var(--text-muted);flex-shrink:0}.project-item.active .project-item-arrow{color:#00d4ff;color:var(--neon-blue)}.projects-detail{align-items:center;background:#1e1e1e;background:var(--bg-primary);display:flex;justify-content:center;overflow-x:hidden;overflow-y:auto}.projects-detail.has-content{align-items:flex-start}.detail-content-wrapper{animation:fadeIn .3s ease;max-width:100%;overflow-x:hidden;padding:30px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.detail-header{border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);gap:20px;margin-bottom:25px;padding-bottom:20px}.detail-header,.detail-icon{align-items:center;display:flex}.detail-icon{background:linear-gradient(135deg,#00d4ff,#b14eff);background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));border-radius:14px;height:70px;justify-content:center;width:70px}.detail-icon i{color:#fff;font-size:2rem}.detail-header h2{font-family:Inter,sans-serif;font-size:1.8rem;margin-bottom:10px}.detail-badges{display:flex;gap:10px}.status-badge{border-radius:15px;font-size:.7rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.active-development{background:#00d4ff26;color:#00d4ff;color:var(--neon-blue)}.status-badge.completed{background:#00ff9d26;color:#00ff9d;color:var(--neon-green)}.status-badge.production{background:#b14eff26;color:#b14eff;color:var(--neon-purple)}.year-badge{background:#2d2d30;background:var(--bg-tertiary);border-radius:15px;color:#6e6e6e;color:var(--text-muted);font-size:.7rem;padding:4px 12px}.detail-images{display:flex;gap:15px;margin-bottom:25px;overflow-x:auto;padding-bottom:10px}.detail-images img{border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;flex-shrink:0;height:200px;transition:transform .3s}.detail-images img:hover{transform:scale(1.02)}.detail-about,.detail-features,.detail-technologies{margin-bottom:25px}.detail-about h4,.detail-features h4,.detail-technologies h4{align-items:center;color:#00ff9d;color:var(--neon-green);display:flex;font-size:.95rem;gap:8px;margin-bottom:12px}.detail-about h4:before,.detail-features h4:before,.detail-technologies h4:before{color:#6a9955;color:var(--syntax-comment);content:"//"}.detail-about p{color:#858585;color:var(--text-secondary);font-size:.9rem;line-height:1.8}.detail-features ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;margin:0;padding:0}.detail-features li{align-items:center;background:#252526;background:var(--bg-secondary);border-radius:6px;color:#858585;color:var(--text-secondary);display:flex;font-size:.85rem;gap:10px;padding:10px 15px}.detail-features li i{color:#00ff9d;color:var(--neon-green);font-size:.75rem}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-list span{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:20px;color:#4fc1ff;color:var(--accent-cyan);font-size:.85rem;padding:8px 16px;transition:all .2s}.tech-list span:hover{border-color:#4fc1ff;border-color:var(--accent-cyan);box-shadow:0 0 10px #4fc1ff33}.github-link{align-items:center;background:linear-gradient(135deg,#00d4ff,#b14eff);background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:10px;padding:12px 25px;text-decoration:none;transition:all .2s}.github-link:hover{box-shadow:0 5px 20px #00d4ff4d;transform:translateY(-2px)}.detail-empty{padding:40px;text-align:center}.clickable-image{cursor:pointer;transition:transform .3s,box-shadow .3s,opacity .2s}.clickable-image:hover{box-shadow:0 8px 30px #0006;opacity:.9;transform:scale(1.03)}.lightbox-overlay{align-items:center;animation:lightbox-fade-in .2s ease;background:#000000f2;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-modal{animation:lightbox-zoom-in .25s ease;background:#1e1e1e;border:1px solid #ffffff1a;border-radius:12px;cursor:default;display:flex;flex-direction:column;height:96vh;max-width:1400px;overflow:hidden;width:96vw}@keyframes lightbox-zoom-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-header{align-items:center;background:#181818;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.lightbox-title{align-items:center;color:#e0e0e0;display:flex;font-family:Fira Code,monospace;font-size:.95rem;font-weight:600;gap:10px}.lightbox-title i{color:var(--accent);font-size:1rem}.lightbox-counter{color:#ffffff73;font-size:.8rem;font-weight:400;margin-left:8px}.lightbox-close{align-items:center;background:none;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;font-size:1.6rem;height:36px;justify-content:center;transition:all .2s;width:36px}.lightbox-close:hover{background:#ffffff1a;color:#fff}.lightbox-body{flex:1 1;min-height:0;overflow:hidden;padding:16px;position:relative}.lightbox-body,.lightbox-image-wrapper{align-items:center;display:flex;justify-content:center}.lightbox-image-wrapper{height:100%;width:100%}.lightbox-image-wrapper img{border-radius:6px;box-shadow:0 4px 30px #0006;max-height:100%;max-width:100%;object-fit:contain}.lightbox-nav{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:48px;z-index:10}.lightbox-nav:hover{background:#fff3;border-color:#ffffff4d}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-thumbs{background:#181818;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;gap:8px;justify-content:center;overflow-x:auto;padding:10px 20px 14px}.lightbox-thumbs img{border:2px solid #0000;border-radius:4px;cursor:pointer;height:38px;object-fit:cover;opacity:.4;transition:all .2s;width:56px}.lightbox-thumbs img:hover{opacity:.7}.lightbox-thumbs img.active{border-color:var(--accent);opacity:1}@media (max-width:768px){.lightbox-modal{border:none;border-radius:0;height:100vh;width:100vw}.lightbox-body{padding:8px}.lightbox-nav{font-size:.9rem;height:38px;width:38px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-thumbs img{height:30px;width:44px}.lightbox-header{padding:10px 14px}.lightbox-title{font-size:.85rem}}.empty-icon{align-items:center;background:#252526;background:var(--bg-secondary);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-icon i{color:#6e6e6e;color:var(--text-muted);font-size:2rem}.detail-empty h3{color:#d4d4d4;color:var(--text-primary);font-size:1.2rem;margin-bottom:10px}.detail-empty p{color:#6e6e6e;color:var(--text-muted);font-size:.9rem}.showcase-layout{padding:30px}.showcase-layout h4{align-items:center;color:#00ff9d;color:var(--neon-green);display:flex;font-size:1rem;gap:8px;margin-bottom:16px}.showcase-layout .section-marker{color:#6a9955;color:var(--syntax-comment);font-family:Fira Code,monospace}.showcase-hero{border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.showcase-hero,.showcase-hero-left{align-items:flex-start;display:flex;gap:20px}.showcase-hero-left{flex:1 1}.showcase-icon{flex-shrink:0;height:70px;width:70px}.showcase-hero h2{font-family:Inter,sans-serif;font-size:1.8rem;margin-bottom:8px}.showcase-tagline{color:#858585;color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:12px;max-width:600px}.market-badge{align-items:center;background:#00ff9d1a;border:1px solid #00ff9d33;border-radius:15px;color:#00ff9d;color:var(--neon-green);display:inline-flex;font-size:.7rem;gap:5px;padding:4px 12px}.showcase-cta{align-self:center;flex-shrink:0}.showcase-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.showcase-stat-card{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:10px;padding:18px 15px;text-align:center;transition:all .2s}.showcase-stat-card:hover{border-color:#00d4ff;border-color:var(--neon-blue);box-shadow:0 0 20px #00d4ff1a;transform:translateY(-2px)}.showcase-stat-card i{color:#b14eff;color:var(--neon-purple);font-size:1.3rem;margin-bottom:8px}.stat-value{color:#d4d4d4;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.2}.stat-label{color:#6e6e6e;color:var(--text-muted);font-size:.72rem;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.showcase-gallery{margin-bottom:30px}.showcase-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.showcase-images img{border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;height:auto;transition:transform .3s,box-shadow .3s;width:100%}.showcase-images img:hover{box-shadow:0 8px 30px #0006;transform:scale(1.03)}.showcase-architecture{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:10px;margin-bottom:30px;padding:20px}.showcase-architecture h4{margin-bottom:20px}.arch-flow{align-items:flex-start;display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.arch-step{background:#2d2d30;background:var(--bg-tertiary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;flex:1 1;min-width:120px;padding:12px 8px;text-align:center;transition:all .2s}.arch-step:hover{border-color:#00d4ff;border-color:var(--neon-blue);box-shadow:0 0 15px #00d4ff26}.arch-step-icon{align-items:center;background:linear-gradient(135deg,#00d4ff26,#b14eff26);border-radius:50%;display:flex;height:40px;justify-content:center;margin:0 auto 8px;width:40px}.arch-step-icon i{color:#00d4ff;color:var(--neon-blue);font-size:1rem}.arch-step-label{color:#d4d4d4;color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:4px}.arch-step-desc{color:#6e6e6e;color:var(--text-muted);font-size:.68rem;line-height:1.4}.arch-arrow{align-items:center;color:#b14eff;color:var(--neon-purple);display:flex;flex-shrink:0;font-size:.9rem;padding-top:28px}.showcase-pipeline{margin-bottom:30px}.pipeline-track{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px}.pipeline-phase{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;flex:1 1;min-width:90px;padding:15px 8px;position:relative;text-align:center;transition:all .2s}.pipeline-phase:hover{border-color:var(--phase-color);box-shadow:0 0 15px color-mix(in srgb,var(--phase-color) 20%,#0000);transform:translateY(-3px)}.pipeline-phase-num{align-items:center;background:var(--phase-color);border-radius:50%;color:#000;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:18px}.pipeline-phase-icon{color:var(--phase-color);font-size:1.4rem;margin-bottom:8px}.pipeline-phase-name{color:#858585;color:var(--text-secondary);font-size:.72rem;font-weight:500}.showcase-features{margin-bottom:30px}.feature-category{margin-bottom:20px}.feature-cat-title{align-items:center;color:#d4d4d4;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:12px}.cat-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.feature-cat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.feature-card-rich{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:14px;transition:all .2s}.feature-card-rich:hover{border-color:var(--cat-color)}.feature-card-icon,.feature-card-rich:hover{background:#2d2d30;background:var(--bg-tertiary)}.feature-card-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:.95rem;height:36px;justify-content:center;width:36px}.feature-card-content{flex:1 1;min-width:0}.feature-card-name{color:#d4d4d4;color:var(--text-primary);font-size:.82rem;font-weight:600;margin-bottom:3px}.feature-card-desc{color:#6e6e6e;color:var(--text-muted);font-size:.72rem;line-height:1.5}.showcase-techstack{margin-bottom:30px}.techstack-layer{margin-bottom:16px}.techstack-layer-label{color:#b14eff;color:var(--neon-purple);font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:10px;padding-left:4px;text-transform:uppercase}.techstack-items{display:flex;flex-wrap:wrap;gap:8px}.techstack-chip{align-items:center;background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:20px;color:#d4d4d4;color:var(--text-primary);display:inline-flex;font-size:.8rem;gap:8px;padding:8px 14px;transition:all .2s}.techstack-chip:hover{border-color:var(--chip-color);box-shadow:0 0 12px color-mix(in srgb,var(--chip-color) 25%,#0000)}.techstack-chip i{font-size:.85rem}.showcase-personas{margin-bottom:30px}.persona-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.persona-card{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:10px;padding:18px;text-align:center;transition:all .2s}.persona-card:hover{border-color:#b14eff;border-color:var(--neon-purple);box-shadow:0 8px 25px #b14eff1a;transform:translateY(-3px)}.persona-icon{align-items:center;background:linear-gradient(135deg,#00d4ff26,#b14eff26);border-radius:50%;color:#00d4ff;color:var(--neon-blue);display:flex;font-size:1.2rem;height:45px;justify-content:center;margin:0 auto 10px;width:45px}.persona-title{color:#d4d4d4;color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:5px}.persona-desc{color:#6e6e6e;color:var(--text-muted);font-size:.72rem;line-height:1.4;margin-bottom:8px}.persona-features{border-top:1px solid #3c3c3c;border-top:1px solid var(--border);color:#4fc1ff;color:var(--accent-cyan);font-size:.68rem;line-height:1.5;padding-top:8px}.showcase-markets{margin-bottom:20px}.market-tags{display:flex;flex-wrap:wrap;gap:8px}.market-tag{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:15px;color:#858585;color:var(--text-secondary);font-size:.75rem;padding:6px 14px;transition:all .2s}.market-tag:hover{border-color:#00ff9d;border-color:var(--neon-green);color:#00ff9d;color:var(--neon-green)}@media (max-width:900px){.showcase-stats{grid-template-columns:repeat(2,1fr)}.persona-grid{grid-template-columns:1fr}.arch-flow{flex-wrap:wrap}.arch-arrow{display:none}.pipeline-track{flex-wrap:wrap}.pipeline-phase{min-width:80px}.feature-cat-grid{grid-template-columns:1fr}.showcase-hero{flex-direction:column}.showcase-cta{align-self:flex-start}.limits-grid{grid-template-columns:repeat(2,1fr)}.roadmap-phases{flex-direction:column}.workflow-demo{align-items:flex-start}}.showcase-warmup{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:10px;margin-bottom:30px;padding:20px}.warmup-chart{display:flex;gap:10px;height:200px;margin-bottom:15px}.warmup-y-axis{color:#6e6e6e;color:var(--text-muted);display:flex;flex-direction:column;font-size:.65rem;justify-content:space-between;min-width:35px;padding:0 5px 24px 0;text-align:right}.warmup-bars{align-items:stretch;border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);border-left:1px solid #3c3c3c;border-left:1px solid var(--border);display:flex;flex:1 1;gap:12px;padding:0 10px}.warmup-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column}.warmup-bar-wrapper{align-items:flex-end;flex:1 1}.warmup-bar,.warmup-bar-wrapper{display:flex;justify-content:center;width:100%}.warmup-bar{align-items:flex-start;background:linear-gradient(180deg,#00d4ff,#b14eff);background:linear-gradient(180deg,var(--neon-blue),var(--neon-purple));border-radius:4px 4px 0 0;max-width:50px;min-height:20px;padding-top:4px;position:relative;transition:height .6s ease}.warmup-bar-value{color:#fff;font-size:.65rem;font-weight:700;text-shadow:0 1px 3px #00000080}.warmup-bar-label{color:#858585;color:var(--text-secondary);font-size:.7rem;font-weight:500;margin-top:6px}.warmup-bar-sub{color:#6e6e6e;color:var(--text-muted);font-size:.62rem}.warmup-formula{background:#2d2d30;background:var(--bg-tertiary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:6px;padding:10px;text-align:center}.warmup-formula code{color:#4fc1ff;color:var(--accent-cyan);font-family:Fira Code,Consolas,monospace;font-size:.8rem}.warmup-formula sup{font-size:.65rem}.showcase-limits{margin-bottom:30px}.limits-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.limit-card{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;padding:15px;text-align:center;transition:all .2s}.limit-card:hover{border-color:#00d4ff;border-color:var(--neon-blue);transform:translateY(-2px)}.limit-icon{color:#b14eff;color:var(--neon-purple);font-size:1.2rem;margin-bottom:6px}.limit-value{color:#d4d4d4;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}.limit-action{color:#6e6e6e;color:var(--text-muted);font-size:.7rem;margin-top:2px}.showcase-workflow-nodes{margin-bottom:30px}.workflow-demo{align-items:center;background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:0;padding:20px}.workflow-node{background:#2d2d30;background:var(--bg-tertiary);border:2px solid var(--node-color);border-radius:8px;min-width:160px;padding:12px 24px;position:relative;text-align:center;transition:all .2s}.workflow-node:hover{box-shadow:0 0 20px color-mix(in srgb,var(--node-color) 30%,#0000);transform:scale(1.05)}.workflow-node-type{color:var(--node-color);font-size:.6rem;font-weight:600;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.workflow-node-name{color:#d4d4d4;color:var(--text-primary);font-size:.82rem;font-weight:600}.workflow-connector{color:#6e6e6e;color:var(--text-muted);font-size:1rem;padding:4px 0}.showcase-roadmap{margin-bottom:30px}.roadmap-phases{display:flex;gap:12px}.roadmap-phase{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:10px;flex:1 1;padding:16px;transition:all .2s}.roadmap-phase:hover{transform:translateY(-3px)}.roadmap-active{border-color:#00ff9d;border-color:var(--neon-green)}.roadmap-active .roadmap-phase-indicator{background:#00ff9d;background:var(--neon-green);box-shadow:0 0 8px #00ff9d66}.roadmap-upcoming{border-color:#00d4ff;border-color:var(--neon-blue)}.roadmap-upcoming .roadmap-phase-indicator{background:#00d4ff;background:var(--neon-blue)}.roadmap-planned{border-color:#6e6e6e;border-color:var(--text-muted)}.roadmap-planned .roadmap-phase-indicator{background:#6e6e6e;background:var(--text-muted)}.roadmap-phase-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.roadmap-phase-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.roadmap-phase-title{color:#d4d4d4;color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:600}.roadmap-phase-weeks{background:#2d2d30;background:var(--bg-tertiary);border-radius:10px;color:#6e6e6e;color:var(--text-muted);font-size:.65rem;padding:2px 8px}.roadmap-items{display:flex;flex-wrap:wrap;gap:6px}.roadmap-item{background:#2d2d30;background:var(--bg-tertiary);border-radius:4px;color:#858585;color:var(--text-secondary);font-size:.68rem;padding:4px 10px}.showcase-query-dist{margin-bottom:30px}.query-dist-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.query-dist-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:200px 1fr 50px 90px}.query-dist-label{align-items:center;display:flex;gap:8px}.query-dist-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.query-dist-path{color:#d4d4d4;color:var(--text-primary);font-size:.78rem;font-weight:600;white-space:nowrap}.query-dist-cats{color:#6e6e6e;color:var(--text-muted);display:none;font-size:.65rem}.query-dist-bar-track{background:#2d2d30;background:var(--bg-tertiary);border-radius:4px;height:24px;overflow:hidden}.query-dist-bar-fill{border-radius:4px;height:100%;opacity:.85;transition:width .8s ease}.query-dist-pct{color:#d4d4d4;color:var(--text-primary);font-size:.85rem;font-weight:700;text-align:right}.query-dist-network{font-size:.68rem;text-align:center}.net-local{color:#00ff9d;color:var(--neon-green)}.net-external i,.net-local i{margin-right:4px}.net-external{color:#ef4444}.query-dist-summary{background:#2d2d30;background:var(--bg-tertiary);border:1px solid #00ff9d;border:1px solid var(--neon-green);border-radius:6px;font-size:.78rem;padding:8px 12px;text-align:center}.showcase-accuracy{margin-bottom:30px}.accuracy-table{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;overflow:hidden}.accuracy-footer,.accuracy-header,.accuracy-row{grid-gap:6px;display:grid;font-size:.75rem;gap:6px;grid-template-columns:1.2fr 1fr 1fr 1fr 1.3fr;padding:10px 14px}.accuracy-header{background:#2d2d30;background:var(--bg-tertiary);color:#d4d4d4;color:var(--text-primary);font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.accuracy-header,.accuracy-row{border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border)}.accuracy-row{color:#858585;color:var(--text-secondary)}.accuracy-row:last-child{border-bottom:none}.accuracy-cat{color:#d4d4d4;color:var(--text-primary);font-weight:600}.accuracy-f1{color:#00ff9d;color:var(--neon-green);font-weight:700}.accuracy-err{color:#6e6e6e;color:var(--text-muted);font-size:.68rem}.accuracy-footer{background:#2d2d30;background:var(--bg-tertiary);border-top:2px solid #00ff9d;border-top:2px solid var(--neon-green);color:#d4d4d4;color:var(--text-primary);font-weight:700}.showcase-rbac{margin-bottom:30px}.rbac-table{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;overflow:hidden}.rbac-header,.rbac-row{grid-gap:6px;display:grid;font-size:.75rem;gap:6px;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;padding:10px 14px;text-align:center}.rbac-header{background:#2d2d30;background:var(--bg-tertiary);color:#d4d4d4;color:var(--text-primary);font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rbac-header,.rbac-row{border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border)}.rbac-row{color:#858585;color:var(--text-secondary)}.rbac-row:last-child{border-bottom:none}.rbac-cat{color:#d4d4d4;color:var(--text-primary);font-weight:600;text-align:left}.showcase-infra-cost{margin-bottom:30px}.infra-cost-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.cost-card,.infra-card{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:10px;padding:16px}.cost-card h4,.infra-card h4{margin-bottom:14px}.spec-list{display:flex;flex-direction:column;gap:8px}.spec-row{align-items:center;display:flex;font-size:.75rem;gap:10px}.spec-row i{color:#00d4ff;color:var(--neon-blue);font-size:.7rem;text-align:center;width:16px}.spec-key{color:#6e6e6e;color:var(--text-muted);min-width:70px}.spec-val{color:#d4d4d4;color:var(--text-primary);font-weight:500}.cost-highlight{background:#2d2d30;background:var(--bg-tertiary);border:1px solid #00ff9d;border:1px solid var(--neon-green);border-radius:8px;margin-bottom:14px;padding:16px;text-align:center}.cost-roi{color:#00ff9d;color:var(--neon-green);font-family:Inter,sans-serif;font-size:2rem;font-weight:800}.cost-roi-label{color:#6e6e6e;color:var(--text-muted);font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.cost-list{display:flex;flex-direction:column;gap:6px}.cost-row{border-radius:4px;color:#858585;color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;padding:6px 8px}.cost-row-highlight{background:#2d2d30;background:var(--bg-tertiary);color:#d4d4d4;color:var(--text-primary);font-weight:700}.cost-row-savings{background:#00ff9d14;color:#00ff9d;color:var(--neon-green);font-weight:700}@media (max-width:900px){.query-dist-row{gap:4px;grid-template-columns:1fr}.query-dist-bar-track{display:none}.accuracy-footer,.accuracy-header,.accuracy-row{grid-template-columns:1fr 1fr 1fr}.accuracy-footer span:nth-child(2),.accuracy-footer span:nth-child(5),.accuracy-header span:nth-child(2),.accuracy-header span:nth-child(5),.accuracy-row span:nth-child(2),.accuracy-row span:nth-child(5){display:none}.rbac-header,.rbac-row{font-size:.65rem;grid-template-columns:1.5fr 1fr 1fr}.rbac-header span:nth-child(4),.rbac-row span:nth-child(4){display:none}.infra-cost-grid{grid-template-columns:1fr}}.videos-section{padding:30px}.video-featured{grid-gap:30px;background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;display:grid;gap:30px;grid-template-columns:1.5fr 1fr;margin-bottom:40px;padding:25px;position:relative}.video-featured:before{background:linear-gradient(90deg,#00ff9d,#00d4ff,#00ff9d);background:linear-gradient(90deg,var(--neon-green),var(--neon-blue),var(--neon-green));content:"";height:3px;left:0;position:absolute;right:0;top:0}.video-featured:after{background:#00ff9d;background:var(--neon-green);border-radius:3px;color:#1e1e1e;color:var(--bg-primary);content:"▶ NOW PLAYING";font-size:.65rem;font-weight:700;left:12px;letter-spacing:.5px;padding:4px 10px;position:absolute;top:12px;z-index:10}.video-embed{background:#2d2d30;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;padding-bottom:56.25%;position:relative}.video-embed iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.video-featured-info{display:flex;flex-direction:column;justify-content:center}.video-featured-info h3{font-size:1.4rem;margin-bottom:15px}.video-featured-info p{color:#858585;color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:20px}.video-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-card{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s}.video-card:hover{border-color:#00ff9d;border-color:var(--neon-green);box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.video-card:hover .video-play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-thumbnail{aspect-ratio:16/9;width:100%}.video-thumbnail img{transition:transform .3s ease}.video-play-overlay{align-items:center;background:#00ff9d;background:var(--neon-green);border-radius:50%;box-shadow:0 0 20px #00ff9d80;display:flex;height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8);transition:all .3s ease;width:60px}.video-play-overlay i{color:#1e1e1e;color:var(--bg-primary);font-size:1.5rem;margin-left:4px}.video-card-info{padding:20px}.video-card-info h4{font-size:1.05rem;margin-bottom:10px}.video-card-info p{color:#6e6e6e;color:var(--text-muted);font-size:.85rem;line-height:1.6;margin-bottom:12px}.video-tags{display:flex;flex-wrap:wrap;gap:8px}.video-tags span{background:#2d2d30;background:var(--bg-tertiary);border-radius:3px;color:#4fc1ff;color:var(--accent-cyan);font-size:.75rem;padding:3px 10px}.video-card.clickable{cursor:pointer}.video-thumbnail{background:#2d2d30;background:var(--bg-tertiary);overflow:hidden;padding-bottom:56.25%;position:relative}.video-thumbnail img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .3s,filter .3s;width:100%}.video-card.clickable:hover .video-thumbnail img{filter:brightness(.7);transform:scale(1.05)}.play-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.video-card.clickable:hover .play-overlay{opacity:1}.play-overlay i{color:#fff;font-size:3rem;text-shadow:0 0 20px #00000080}.video-card.clickable .video-card-info p{color:#6e6e6e;color:var(--text-muted);font-size:.8rem;margin:0}.contact-section{padding:30px}.contact-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.contact-info{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;padding:30px}.contact-info h3{font-size:1.2rem;margin-bottom:20px}.contact-link{align-items:center;background:#2d2d30;background:var(--bg-tertiary);border:1px solid #0000;border-radius:6px;color:#d4d4d4;color:var(--text-primary);display:flex;gap:15px;margin-bottom:10px;padding:15px;text-decoration:none;transition:all .2s}.contact-link:hover{border-color:#00ff9d;border-color:var(--neon-green);transform:translateX(5px)}.contact-link svg{color:#00ff9d;color:var(--neon-green);height:24px;width:24px}.contact-terminal{background:#0d0d0d;background:var(--bg-terminal);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;overflow:hidden}.contact-terminal-header{align-items:center;background:#2d2d30;background:var(--bg-tertiary);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:10px 15px}.contact-terminal-body{font-size:.9rem;padding:20px}.palette-overlay{align-items:flex-start;background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding-top:10%;position:fixed;right:0;top:0;z-index:1000}.palette-container{background:#252526;background:var(--bg-secondary);border:1px solid #3c3c3c;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 30px #00000080;overflow:hidden;width:500px}.palette-input-wrapper{align-items:center;background:#2d2d30;background:var(--bg-tertiary);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);display:flex;padding:12px 15px}.palette-input-wrapper span{color:#007acc;color:var(--accent-blue);font-weight:700;margin-right:10px}#palette-input{background:#0000;border:none;color:#d4d4d4;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;width:100%}.palette-item{border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px}.palette-item.selected,.palette-item:hover{background:#37373d;background:var(--bg-active);border-left-color:#007acc;border-left-color:var(--accent-blue)}.palette-item-name{color:#d4d4d4;color:var(--text-primary);font-weight:500}.palette-item-path{color:#6e6e6e;color:var(--text-muted);font-size:.8rem}.mobile-menu-btn{align-items:center;border-radius:4px;color:#858585;color:var(--text-secondary);cursor:pointer;display:none;height:32px;justify-content:center;margin-right:10px;width:32px}.mobile-menu-btn:hover{background:#2a2d2e;background:var(--bg-hover)}.mobile-menu-btn svg{height:20px;width:20px}.mobile-nav-overlay{background:#00000080;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s ease;z-index:999}.mobile-nav-overlay.open{opacity:1}.mobile-nav{background:#252526;background:var(--bg-secondary);box-shadow:2px 0 10px #0000004d;display:none;flex-direction:column;height:100%;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1000}.mobile-nav.open{left:0}.mobile-nav-header{align-items:center;background:#2d2d30;background:var(--bg-tertiary);border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);color:#858585;color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;letter-spacing:1px;padding:15px;text-transform:uppercase}.mobile-nav-close{align-items:center;border-radius:4px;color:#6e6e6e;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.4rem;height:28px;justify-content:center;width:28px}.mobile-nav-close:hover{background:#2a2d2e;background:var(--bg-hover)}.mobile-nav-items{flex:1 1;overflow-y:auto;padding:10px 0}.mobile-nav-item{align-items:center;color:#858585;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:12px 20px;transition:all .15s}.mobile-nav-item:hover{background:#2a2d2e;background:var(--bg-hover);color:#d4d4d4;color:var(--text-primary)}.mobile-nav-item.active{background:#37373d;background:var(--bg-active);border-left:2px solid #007acc;border-left:2px solid var(--accent-blue);color:#d4d4d4;color:var(--text-primary)}.mobile-nav-item .nav-icon{border-radius:50%;height:8px;width:8px}.mobile-nav-item .nav-icon.ts{background:#3178c6}.mobile-nav-item .nav-icon.pdf{background:#f55}.mobile-nav-item .nav-icon.term{background:#00ff9d;background:var(--neon-green)}.mobile-nav-divider{background:#3c3c3c;background:var(--border);height:1px;margin:10px 15px}@media (max-width:1024px){.vscode-container{grid-template-columns:48px 1fr}.sidebar{display:none}.contact-grid,.video-featured{grid-template-columns:1fr}.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-stats{flex-wrap:wrap;justify-content:center}.bottom-panel{left:48px}.projects-container{grid-template-columns:280px 1fr}}@media (max-width:768px){.mobile-menu-btn{display:flex}.mobile-nav-overlay{display:block}.mobile-nav{display:flex}.vscode-container{grid-template-columns:1fr;grid-template-rows:40px 1fr 28px}.activity-bar,.title-bar-controls{display:none}.editor-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{font-size:.78rem;min-width:-webkit-max-content;min-width:max-content;padding:8px 12px}.run-button{padding:0 10px}.profile-section{padding:15px}.profile-header{gap:20px;padding:15px}.profile-avatar{font-size:2rem;height:80px;width:80px}.profile-name{font-size:1.4rem}.profile-title{word-break:break-word}.profile-bio,.profile-title{font-size:.85rem}.profile-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.stat-box{padding:12px 10px}.stat-value{font-size:1.4rem}.skills-grid{grid-template-columns:1fr}.skill-tags{gap:6px}.skill-tag{font-size:.75rem;padding:3px 8px}.timeline-desc{font-size:.8rem}.videos-section{padding:15px}.video-grid{grid-template-columns:1fr}.video-featured{gap:15px;padding:15px}.video-featured-info h3{font-size:1.1rem}.video-featured-info p{font-size:.82rem}.project-tech{gap:6px}.project-tech span{font-size:.7rem;padding:3px 8px}.project-link{font-size:.85rem;padding:8px 16px}.projects-container{display:flex;flex-direction:column;height:auto;overflow:visible}.projects-list{border-bottom:1px solid #3c3c3c;border-bottom:1px solid var(--border);border-right:none;flex-shrink:0;max-height:250px;overflow-y:auto;padding:12px}.projects-detail{flex:none;overflow-x:hidden;overflow-y:visible}.projects-list .section-title{font-size:1rem;margin-bottom:12px;padding-bottom:10px}.project-item{gap:10px;padding:10px}.project-item-icon{height:36px;width:36px}.project-item-icon i,.project-item-info h3{font-size:.9rem}.project-item-info p{-webkit-line-clamp:1;font-size:.75rem}.project-item-tech span{font-size:.65rem;padding:1px 6px}.detail-content-wrapper{padding:15px}.detail-header{flex-direction:column;text-align:center}.detail-badges{flex-wrap:wrap;justify-content:center}.detail-images img{height:150px}.detail-features ul{grid-template-columns:1fr}.showcase-layout{padding:15px}.showcase-hero{flex-direction:column;gap:15px}.showcase-hero-left{align-items:flex-start;flex-direction:column}.showcase-hero h2{font-size:1.3rem}.showcase-tagline{font-size:.82rem}.showcase-cta{align-self:stretch;justify-content:center;text-align:center}.showcase-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.showcase-stat-card{padding:12px 10px}.showcase-stat-card .stat-value{font-size:1.3rem}.showcase-images{grid-template-columns:1fr}.showcase-architecture{padding:15px}.arch-flow{flex-direction:column;gap:8px}.arch-step{align-items:center;display:flex;gap:12px;min-width:0;min-width:auto;padding:10px 12px;text-align:left;width:100%}.arch-step-icon{flex-shrink:0;margin:0}.arch-arrow{display:none}.pipeline-track{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.pipeline-phase{min-width:0;min-width:auto;padding:12px 6px}.pipeline-phase-icon{font-size:1.1rem}.pipeline-phase-name{font-size:.65rem}.feature-cat-grid{grid-template-columns:1fr}.feature-card-rich{gap:10px;padding:10px}.feature-card-icon{font-size:.8rem;height:30px;width:30px}.feature-card-name{font-size:.78rem}.feature-card-desc{font-size:.68rem}.techstack-chip{font-size:.72rem;gap:6px;padding:6px 10px}.techstack-chip i{font-size:.75rem}.persona-grid{grid-template-columns:1fr}.persona-card{padding:14px}.market-tag{font-size:.7rem;padding:4px 10px}.tech-list span{font-size:.78rem;padding:6px 12px}.showcase-warmup{padding:15px}.warmup-chart{height:160px}.limits-grid{grid-template-columns:repeat(2,1fr)}.workflow-demo{align-items:stretch}.workflow-node{width:100%}.roadmap-phases{flex-direction:column}.query-dist-row{gap:4px;grid-template-columns:1fr}.query-dist-bar-track{display:none}.accuracy-footer,.accuracy-header,.accuracy-row{font-size:.7rem}.rbac-header,.rbac-row{font-size:.65rem}.infra-cost-grid{grid-template-columns:1fr}.contact-info,.contact-section{padding:15px}.contact-link{font-size:.85rem;gap:10px;padding:10px}.contact-link svg{height:20px;width:20px}.contact-terminal-body{font-size:.8rem;padding:12px}.bottom-panel{bottom:28px;left:0}.bottom-panel.open{height:180px}.panel-close{align-items:center;display:flex;font-size:1.4rem;justify-content:center;min-height:44px;min-width:44px;padding:10px 16px}.palette-container{margin:0 10px;width:95%}}@media (max-width:480px){.profile-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-box{padding:8px 10px}.stat-value{font-size:1.2rem}.stat-label{font-size:.65rem}.project-preview{font-size:3rem;height:140px}.editor-tab{font-size:.72rem;gap:5px;padding:6px 10px}.profile-name{font-size:1.2rem}.profile-title{font-size:.78rem}.profile-bio{font-size:.8rem;line-height:1.6}.profile-avatar{font-size:1.6rem;height:64px;width:64px}.section-title{font-size:1rem}.timeline-title{font-size:.95rem}.timeline-company{font-size:.8rem}.timeline-desc{font-size:.75rem}.timeline-item{padding-left:20px}.showcase-layout{padding:12px}.showcase-hero h2{font-size:1.15rem}.showcase-stats{gap:8px}.showcase-stat-card{padding:10px 8px}.showcase-stat-card .stat-value{font-size:1.1rem}.showcase-stat-card i{font-size:1rem}.pipeline-track{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.pipeline-phase{padding:10px 4px}.pipeline-phase-name{font-size:.6rem}.project-item-info p,.project-item-tech{display:none}.projects-list{max-height:200px}.video-featured:after{font-size:.55rem;padding:3px 6px}.video-card-info h4{font-size:.85rem}.contact-link span{font-size:.78rem;word-break:break-all}.limits-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.limit-card{padding:8px}.market-badge{font-size:.65rem}.status-badge,.year-badge{font-size:.62rem;padding:3px 8px}}@media (hover:none){.project-card:hover,.skill-card:hover,.video-card:hover{box-shadow:none;transform:none}}
/*# sourceMappingURL=main.518e2803.css.map*/