:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2d2d2d;--bg-hover:#3a3a3a;--border-color:#333;--border-light:#404040;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:gray;--accent-orange:#ff6b35;--accent-orange-hover:#ff8c2e;--accent-purple:#9370db;--accent-purple-hover:#a88edb;--accent-cyan:#00d4ff;--accent-cyan-hover:#00e6ff;--accent-red:#f44;--accent-green:#4d4;--accent-yellow:gold;--overlay-dark:#00000080;--overlay-light:#ffffff0d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f0f1f3;--bg-hover:#e8e9eb;--border-color:#e0e0e0;--border-light:#d0d0d0;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--overlay-dark:#fffc;--overlay-light:#0000000d;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000026;--shadow-xl:0 16px 48px #0003}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2d2d2d;--bg-hover:#3a3a3a;--border-color:#333;--border-light:#404040;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:gray;--overlay-dark:#00000080;--overlay-light:#ffffff0d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--accent-orange)}button{cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}img{border-radius:8px;max-width:100%;display:block}input,textarea,select{font-family:inherit;font-size:inherit;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);transition:all var(--transition-base)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,textarea:focus,select:focus{border-color:var(--accent-orange);outline:none;box-shadow:0 0 0 3px #ff6b351a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.layout-container{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.layout-content{flex:1;width:100%;padding-top:60px;display:flex}.main-content{width:100%;padding:var(--space-xl);background-color:var(--bg-primary);flex:1;margin-left:250px;overflow-y:auto}.topbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);width:100vw;height:60px;padding:0 var(--space-xl);z-index:100;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.topbar-left{flex:none;align-items:center;gap:1rem;display:flex}.topbar-center{justify-content:center;align-items:center;display:none;position:absolute;left:50%;transform:translate(-50%)}.topbar-mobile-logo{color:var(--text-primary);white-space:nowrap;transition:color var(--transition-base);font-size:1.25rem;font-weight:700;display:none}.topbar-mobile-logo:hover{color:var(--accent-orange)}.topbar-center-logo{color:var(--text-primary);white-space:nowrap;transition:color var(--transition-base);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.topbar-center-logo:hover{color:var(--accent-orange)}.topbar-right{align-items:center;gap:var(--space-sm);flex:none;display:flex}.menu-toggle{border:1px solid var(--border-color);background-color:var(--bg-tertiary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.menu-toggle:hover{background-color:var(--bg-hover);border-color:var(--accent-orange);color:var(--accent-orange)}.menu-toggle:active{transform:scale(.95)}.menu-toggle svg{pointer-events:none;width:24px;height:24px}.topbar-logo{color:var(--text-primary);white-space:nowrap;transition:color var(--transition-base);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.topbar-logo:hover{color:var(--accent-orange)}.topbar-icon{border:1px solid var(--border-color);background-color:var(--bg-tertiary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.topbar-icon:hover{background-color:var(--bg-hover);border-color:var(--accent-orange);color:var(--accent-orange)}.topbar-icon:active{transform:scale(.95)}.topbar-icon svg{pointer-events:none;width:20px;height:20px}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:250px;height:calc(100vh - 60px);padding:var(--space-lg)0;z-index:99;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:60px;left:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar-header{padding:0 var(--space-lg);justify-content:flex-end;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-lg);min-height:60px;margin-bottom:0;display:none}.sidebar-logo{color:var(--text-primary);font-size:1.25rem;font-weight:700;display:none}.sidebar-close{border:1px solid var(--border-color);background-color:var(--bg-tertiary);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.sidebar-close:hover{background-color:var(--bg-hover);border-color:var(--accent-orange);color:var(--accent-orange)}.sidebar-close svg{pointer-events:none;width:24px;height:24px}.sidebar-nav{gap:var(--space-sm);padding:0 var(--space-sm);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-lg);color:var(--text-secondary);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border-radius:8px;font-size:.9375rem;font-weight:500;display:flex;position:relative}.sidebar-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-link.active{background-color:var(--bg-tertiary);color:var(--accent-orange);font-weight:600}.sidebar-link.active:before{content:"";background:var(--accent-orange);border-radius:0 2px 2px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link svg{width:20px;height:20px;transition:transform var(--transition-base);flex-shrink:0}.sidebar-link:hover svg{transform:scale(1.1)}.sidebar-link span{flex:1}.sidebar-footer{padding:var(--space-lg)var(--space-md);border-top:1px solid var(--border-color);text-align:center;margin-top:auto}.sidebar-version{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.sidebar-overlay{background-color:var(--overlay-dark);z-index:98;animation:.2s fadeIn;display:none;position:fixed;inset:0}.page-header{margin-bottom:var(--space-2xl);animation:.5s fadeInDown}.page-title{color:var(--text-primary);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);-webkit-text-fill-color:transparent;transition:all var(--transition-slow);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-secondary);transition:color var(--transition-base);font-size:1rem;font-weight:400;line-height:1.6}.page-header{text-align:center;margin-bottom:2rem}.page-title{color:var(--text-primary);background:linear-gradient(135deg,var(--accent-cyan)0%,var(--accent-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.section-link svg{width:16px;height:16px}.stats-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.stat-card{align-items:center;gap:var(--space-lg);padding:var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);cursor:default;border-radius:12px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(135deg,transparent,var(--overlay-light));opacity:0;transition:opacity var(--transition-slow);position:absolute;inset:0}.stat-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{z-index:1;width:60px;height:60px;transition:transform var(--transition-base);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-orange .stat-icon{color:var(--accent-orange);background:linear-gradient(135deg,#ff6b3533,#ff6b351a)}.stat-purple .stat-icon{color:var(--accent-purple);background:linear-gradient(135deg,#9370db33,#9370db1a)}.stat-cyan .stat-icon{color:var(--accent-cyan);background:linear-gradient(135deg,#00d4ff33,#00d4ff1a)}.stat-icon svg{width:28px;height:28px}.stat-info{z-index:1;flex:1;position:relative}.stat-value{color:var(--text-primary);margin-bottom:var(--space-xs);transition:color var(--transition-base);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);transition:color var(--transition-base);font-size:.875rem;font-weight:500}.search-box{align-items:center;gap:var(--space-md);padding:0 var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-base);border-radius:8px;height:48px;display:flex;position:relative}.search-box svg{color:var(--text-secondary);pointer-events:none;flex-shrink:0;width:20px;height:20px}.search-input:focus{box-shadow:none!important}.search-clear{background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.2rem;display:flex}.search-clear:hover{background-color:var(--bg-hover);border-color:var(--accent-orange);color:var(--accent-orange)}.empty-state{text-align:center;padding:var(--space-2xl)var(--space-xl);background-color:var(--bg-secondary);border:2px dashed var(--border-color);margin-top:var(--space-xl);align-items:center;gap:var(--space-lg);border-radius:12px;flex-direction:column;display:flex}.empty-state-subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem}.empty-state-btn{margin-top:var(--space-md);background-color:var(--accent-orange);border:1px solid var(--accent-orange);color:#fff;cursor:pointer;transition:all var(--transition-base);border-radius:6px;padding:10px 20px;font-size:.9375rem;font-weight:600}.empty-state-btn:hover{background-color:var(--accent-orange-hover);border-color:var(--accent-orange-hover);box-shadow:0 4px 16px #ff6b354d}.section-header{margin:var(--space-2xl)0 var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.section-title{color:var(--text-primary);transition:color var(--transition-base);font-size:1.5rem;font-weight:600}.section-link{align-items:center;gap:var(--space-sm);color:var(--accent-cyan);transition:all var(--transition-base);padding:var(--space-xs)var(--space-sm);border-radius:4px;font-size:.875rem;font-weight:500;display:inline-flex}.section-link:hover{gap:var(--space-md);color:var(--accent-orange);background-color:var(--overlay-light)}.section-link svg{pointer-events:none;width:16px;height:16px}@media (max-width:768px){.search-box{height:44px;padding:0 var(--space-md)}.search-input{height:44px;font-size:.875rem}.search-clear{width:28px;height:28px;font-size:1rem}.empty-state{padding:var(--space-lg)var(--space-md)}.empty-state-title{font-size:1.125rem}.empty-state-subtitle{font-size:.875rem}.section-header{margin:var(--space-lg)0 var(--space-md)}.section-title{font-size:1.25rem}}@media (max-width:480px){.search-box{height:40px;padding:0 var(--space-sm)}.search-input{height:40px}.empty-state{padding:var(--space-lg)var(--space-sm)}.empty-state-icon{width:40px;height:40px}.empty-state-title{font-size:1rem}.section-title{font-size:1.125rem}}.videos-grid,.sourcecodes-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.video-card,.sourcecode-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.video-card:hover,.sourcecode-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.video-thumbnail{background-color:var(--bg-tertiary);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.video-thumbnail-link:hover img{transform:scale(1.08)}.video-overlay{background:var(--overlay-dark);opacity:0;transition:opacity var(--transition-slow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-card:hover .video-overlay,.sourcecode-card:hover .video-overlay{opacity:1}.play-button{background-color:var(--accent-orange);color:#fff;width:56px;height:56px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:0 4px 16px #ff6b354d}.video-card:hover .play-button,.sourcecode-card:hover .play-button{transform:scale(1.15);box-shadow:0 6px 24px #ff6b3566}.video-info,.sourcecode-info{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.video-title,.sourcecode-title{color:var(--text-primary);margin-bottom:var(--space-md);-webkit-line-clamp:2;transition:color var(--transition-base);-webkit-box-orient:vertical;flex:1;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-title-link,.sourcecode-title-link{transition:color var(--transition-base);display:block}.video-title-link:hover .video-title,.sourcecode-title-link:hover .sourcecode-title{color:var(--accent-orange)}.sourcecode-description{color:var(--text-secondary);margin-bottom:var(--space-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.video-meta{gap:var(--space-lg);color:var(--text-secondary);margin-bottom:var(--space-md);flex-wrap:wrap;font-size:.8125rem;display:flex}.meta-item{align-items:center;gap:var(--space-xs);transition:color var(--transition-base);display:flex}.meta-item svg{flex-shrink:0;width:14px;height:14px}.tech-tag{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);cursor:default;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.source-code-btn,.action-btn{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.8125rem;font-weight:500;display:inline-flex}.source-code-btn:hover,.action-btn:hover{background-color:var(--bg-hover);border-color:var(--accent-orange);color:var(--accent-orange);transform:translateY(-2px)}.action-btn svg{width:16px;height:16px}.sourcecode-meta{gap:var(--space-lg);color:var(--text-secondary);margin-bottom:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);flex-wrap:wrap;font-size:.8125rem;display:flex}.sourcecode-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.view-btn,.download-btn,.github-btn{flex:1;min-width:80px}.download-btn:hover{border-color:var(--accent-cyan);background-color:#00d4ff1a;transform:translateY(-2px)}.github-btn{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000}.github-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-purple);color:var(--accent-purple)}.videos-page,.sourcecodes-page{max-width:1400px;margin:0 auto}.search-container{margin-bottom:var(--space-2xl);animation:.5s .1s backwards fadeInUp}.search-box{align-items:center;gap:var(--space-md);padding:0 var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-base);border-radius:8px;height:48px;display:flex}.search-box:hover{border-color:var(--border-light)}.search-box svg{color:var(--text-secondary);flex-shrink:0;width:20px;height:20px}.search-input{color:var(--text-primary);outline:none;flex:1;height:48px;padding:0;font-size:.9375rem;box-shadow:none!important;background:0 0!important;border:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){.sidebar{top:60px;display:flex!important;transform:none!important}.topbar-logo{display:flex}.menu-toggle,.topbar-center{display:none!important}.main-content{width:calc(100% - 250px);margin-left:250px}.sidebar-overlay,.sidebar-header{display:none!important}}@media (max-width:768px){.topbar{padding:0 var(--space-lg);position:relative}.menu-toggle{display:flex!important}.topbar-logo{display:none!important}.topbar-mobile-logo{color:var(--text-primary);margin-left:var(--space-sm);white-space:nowrap;transition:color var(--transition-base);font-size:1.125rem;font-weight:700;display:flex!important}.topbar-mobile-logo:hover{color:var(--accent-orange)}.topbar-left{gap:var(--space-sm);flex:none}.topbar-right{align-items:center;gap:var(--space-sm);flex:none;margin-left:auto;display:flex}.theme-toggle{display:flex!important}.sidebar{z-index:99;border-right:1px solid var(--border-color);width:100%;max-width:300px;height:100vh;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);top:0!important}.sidebar.open{box-shadow:2px 0 24px #0006;transform:translate(0)!important}.sidebar-header{padding:var(--space-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:flex-end;margin-bottom:0;display:flex!important}.sidebar-logo{display:none!important}.sidebar-close{display:flex!important}.sidebar-overlay{display:block!important}.main-content{width:100%;padding:var(--space-md);margin-left:0}.layout-content{padding-top:60px}.stats-grid,.videos-grid,.sourcecodes-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.page-title{font-size:1.5rem}.page-subtitle{font---size:.9375rem}.section-title{font-size:1.125rem}.section-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}}@media (max-width:480px){.topbar{padding:0 var(--space-sm);height:56px}.topbar-left{gap:var(--space-xs)}.menu-toggle,.topbar-icon{width:36px;height:36px}.menu-toggle svg,.topbar-icon svg{width:20px;height:20px}.topbar-center-logo{font-size:1rem}.main-content{padding:var(--space-sm)}.layout-content{padding-top:56px}.sidebar{max-width:280px}.sidebar-header{padding:var(--space-lg)var(--space-md)}.sidebar-close{width:32px;height:32px}.sidebar-nav{padding:var(--space-md)var(--space-xs);gap:var(--space-xs)}.sidebar-link{padding:.625rem 1rem;font-size:.875rem}.sidebar-link svg{width:18px;height:18px}}.hidden{display:none!important}.visible{display:block!important}.no-scroll{height:100vh!important;overflow:hidden!important}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.transition-all{transition:all var(--transition-base)}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}@media print{.topbar,.sidebar,.section-link,.action-btn,.source-code-btn{display:none!important}body{color:#000;background-color:#fff}.video-card,.sourcecode-card{page-break-inside:avoid;border:1px solid #ccc}}.projects-page{width:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.search-filter-container{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.search-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-base);border-radius:10px;align-items:center;padding:.75rem 1rem;display:flex;position:relative}.search-box:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d4ff1a}.search-box svg{color:var(--text-tertiary);flex-shrink:0}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;margin-left:.75rem;font-size:.95rem}.search-input::placeholder{color:var(--text-tertiary)}.search-clear{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:.25rem .5rem;font-size:1rem}.search-clear:hover{color:var(--accent-cyan);transform:scale(1.2)}.filter-buttons{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-icon{color:var(--text-tertiary);flex-shrink:0}.filter-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border-radius:20px;padding:.65rem 1.25rem;font-size:.8rem;font-weight:600}.filter-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.filter-btn.active{background-color:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 0;display:flex}.section-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.result-count{color:var(--text-tertiary);white-space:nowrap;background-color:#00d4ff1a;border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.empty-state{text-align:center;border:1px dashed var(--border-color);background-color:#00d4ff08;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-state-icon{color:var(--accent-cyan);opacity:.5}.empty-state-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.empty-state-subtitle{color:var(--text-secondary);max-width:400px;margin:0;font-size:.95rem}.empty-state-btn{background-color:var(--accent-cyan);color:var(--bg-primary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-base);border:none;border-radius:6px;margin-top:1rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600}.empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.projects-page{padding:1.5rem 1rem}.page-title{font-size:2rem}.search-filter-container{gap:1rem}.filter-buttons{gap:.5rem}.filter-btn{padding:.55rem 1rem;font-size:.7rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.section-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.projects-page{padding:1rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}.projects-grid{grid-template-columns:1fr}.filter-btn{flex:1}}.about-page{max-width:1400px;margin:0 auto}.about-hero{text-align:center;padding:var(--space-2xl)var(--space-xl);margin-bottom:var(--space-2xl);background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border:1px solid var(--border-color);border-radius:16px}.hero-content{animation:.6s fadeInDown}.about-title{color:var(--text-primary);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-orange)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.1}.about-subtitle{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1.375rem;font-weight:600}.about-description{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1rem;line-height:1.8}.about-stats{gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-2xl)var(--space-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-item{text-align:center;padding:var(--space-lg);transition:all var(--transition-slow);cursor:default}.stat-item:hover{transform:translateY(-4px)}.stat-icon-wrapper{width:60px;height:60px;margin:0 auto var(--space-md);color:var(--accent-orange);transition:all var(--transition-slow);background:linear-gradient(135deg,#ff6b3533,#ff6b351a);border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-item:hover .stat-icon-wrapper{background:linear-gradient(135deg,#ff6b354d,#ff6b3526);transform:scale(1.1)}.stat-value{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:2.5rem;font-weight:800}.stat-label{color:var(--text-secondary);margin:0;font-size:.9375rem;font-weight:500}.about-mission{margin-bottom:var(--space-2xl)}.mission-container{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.mission-card{padding:var(--space-2xl)var(--space-xl);background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);transition:all var(--transition-slow);text-align:center;border:1px solid #0000;border-radius:12px}.mission-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.mission-icon{color:var(--accent-orange);margin-bottom:var(--space-lg);margin-left:auto;margin-right:auto;display:block}.mission-card h2{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.75rem;font-weight:700}.mission-card p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.8}.vision-card{border-color:#0000}.vision-card:hover{border-color:var(--accent-cyan)}.vision-card .mission-icon{color:var(--accent-cyan)}@media (max-width:768px){.mission-card,.vision-card{border:1px solid #0000}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}.cta-buttons{gap:var(--space-md);flex-direction:column}.cta-btn{width:100%}}@media (max-width:480px){.cta-content h2{font-size:1.5rem}.cta-content p{font-size:.95rem}.cta-btn{padding:10px 20px;font-size:.875rem}}.about-features{margin-bottom:var(--space-2xl)}.features-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature-card{padding:var(--space-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;transition:all var(--transition-slow);border-radius:12px}.feature-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg);background-color:var(--bg-tertiary)}.feature-icon{width:56px;height:56px;margin:0 auto var(--space-lg);color:var(--accent-purple);transition:all var(--transition-slow);background:linear-gradient(135deg,#9370db33,#9370db1a);border-radius:12px;justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#9370db4d,#9370db26);transform:scale(1.1)}.feature-card h3{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.25rem;font-weight:700}.feature-card p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.about-team{margin-bottom:var(--space-2xl)}.team-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.team-card{padding:var(--space-2xl)var(--space-xl);background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border:1px solid var(--border-color);text-align:center;transition:all var(--transition-slow);border-radius:12px}.team-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg)}.team-avatar{width:80px;height:80px;margin:0 auto var(--space-lg);background:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.team-name{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.375rem;font-weight:700}.team-role{color:var(--accent-orange);margin-bottom:var(--space-md);font-size:.9375rem;font-weight:600}.team-bio{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.875rem;line-height:1.6}.team-specialties{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.specialty-tag{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);cursor:default;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:500}.specialty-tag:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background-color:var(--overlay-light)}.team-socials{gap:var(--space-md);justify-content:center;display:flex}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-values{margin-bottom:var(--space-2xl);padding:var(--space-2xl)var(--space-xl);background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border:1px solid var(--border-color);border-radius:12px}.values-container{max-width:100%}.values-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.value-card{padding:var(--space-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:8px}.value-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md);transform:translateY(-4px)}.value-card h3{color:var(--accent-orange);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:700}.value-card p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}.about-cta{text-align:center;padding:var(--space-2xl)var(--space-xl);background:linear-gradient(135deg,var(--accent-orange)0%,var(--accent-purple)50%,var(--accent-cyan)100%);margin-bottom:var(--space-2xl);background-size:300% 300%;border-radius:16px;animation:8s infinite gradientShift;position:relative;overflow:hidden}.about-cta:before{content:"";pointer-events:none;background:linear-gradient(45deg,#ffffff1a 0%,#0000 50%,#0000000d 100%);position:absolute;inset:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cta-content{z-index:1;position:relative}.cta-content h2{color:#fff;margin-bottom:var(--space-md);text-shadow:0 2px 10px #0000001a;font-size:2.25rem;font-weight:800}.cta-content p{color:#fffffff2;margin-bottom:var(--space-2xl);text-shadow:0 1px 5px #0000001a;font-size:1.125rem;line-height:1.6}.cta-buttons{gap:var(--space-lg);z-index:2;flex-wrap:wrap;justify-content:center;display:flex;position:relative}.cta-btn{transition:all var(--transition-base);border-radius:8px;justify-content:center;align-items:center;padding:12px 32px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.cta-btn:before{content:"";width:100%;height:100%;transition:left var(--transition-base);z-index:-1;background:#fff3;position:absolute;top:0;left:-100%}.cta-btn:hover:before{left:100%}.primary-btn{color:var(--accent-orange);background-color:#fff;border:2px solid #fff}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.secondary-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border:2px solid #fff}.secondary-btn:hover{background-color:#ffffff40;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header h2{color:var(--text-primary);margin-bottom:var(--space-md);font-size:2.25rem;font-weight:800}.section-header p{color:var(--text-secondary);margin:0;font-size:1.125rem;font-weight:500}@media (max-width:768px){.about-hero{padding:var(--space-xl)var(--space-lg);margin-bottom:var(--space-xl)}.about-title{font-size:2rem}.about-subtitle{font-size:1.125rem}.about-description{font-size:.9375rem}.about-stats{gap:var(--space-md);padding:var(--space-xl)var(--space-lg);grid-template-columns:repeat(2,1fr)}.stat-value{font-size:2rem}.mission-container{gap:var(--space-md)}.features-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}.cta-buttons{gap:var(--space-md);flex-direction:column}.cta-btn{width:100%}}@media (max-width:560px){.about-stats{gap:var(--space-sm);padding:var(--space-lg)var(--space-md);grid-template-columns:1fr}}@media (max-width:480px){.about-page{padding:var(--space-md)}.about-hero{padding:var(--space-lg)var(--space-md)}.about-title{font-size:1.5rem}.about-subtitle{font-size:.95rem}.about-description{font-size:.875rem}.stat-icon-wrapper{width:50px;height:50px}.stat-value{font-size:1.75rem}.stat-label{font-size:.8125rem}.mission-card{padding:var(--space-lg)var(--space-md)}.mission-icon{width:40px;height:40px}.mission-card h2{font-size:1.375rem}.mission-card p{font-size:.8125rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:var(--space-lg)var(--space-md)}.feature-icon{width:48px;height:48px}.feature-card h3{font-size:1.125rem}.feature-card p{font-size:.8125rem}.team-card{padding:var(--space-lg)var(--space-md)}.team-avatar{width:64px;height:64px;font-size:1.75rem}.team-name{font-size:1.125rem}.team-role{font-size:.8125rem}.team-bio{font-size:.75rem}.specialty-tag{padding:3px 8px;font-size:.7rem}.team-socials{gap:var(--space-sm)}.social-link{width:36px;height:36px}.about-values{padding:var(--space-lg)var(--space-md)}.values-grid{gap:var(--space-md);grid-template-columns:1fr}.value-card{padding:var(--space-md)}.value-card h3{font-size:1rem}.value-card p{font-size:.75rem}.about-cta{padding:var(--space-lg)var(--space-md)}.cta-content h2{font-size:1.5rem}.cta-content p{font-size:.95rem}.cta-btn{padding:10px 20px;font-size:.875rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.9375rem}}.contact-page{max-width:1400px;margin:0 auto}.contact-hero{text-align:center;padding:var(--space-2xl)var(--space-xl);margin-bottom:var(--space-2xl);background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border:1px solid var(--border-color);border-radius:16px}.contact-title{color:var(--text-primary);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-primary)0%,var(--accent-orange)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.1}.contact-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.contact-container{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid}.contact-info-section{gap:var(--space-lg);flex-direction:column;display:flex}.contact-info-card{align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);cursor:pointer;border-radius:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.contact-info-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.contact-info-card:before{content:"";background:linear-gradient(135deg,transparent,var(--overlay-light));opacity:0;transition:opacity var(--transition-slow);pointer-events:none;position:absolute;inset:0}.contact-info-card:hover:before{opacity:1}.contact-card-icon{z-index:1;width:56px;height:56px;transition:all var(--transition-slow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.contact-info-card:hover .contact-card-icon{transform:scale(1.15)}.contact-card-icon.icon-orange{color:var(--accent-orange);background:linear-gradient(135deg,#ff6b3533,#ff6b351a)}.contact-card-icon.icon-purple{color:var(--accent-purple);background:linear-gradient(135deg,#9370db33,#9370db1a)}.contact-card-icon.icon-cyan{color:var(--accent-cyan);background:linear-gradient(135deg,#00d4ff33,#00d4ff1a)}.contact-card-content{z-index:1;flex:1;position:relative}.contact-info-card h3{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700}.contact-card-main{color:var(--accent-orange);margin-bottom:var(--space-xs);font-size:1rem;font-weight:600}.contact-card-desc{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.contact-card-arrow{color:var(--text-secondary);transition:all var(--transition-slow);opacity:0;z-index:1;position:relative;transform:translate(-10px)}.contact-info-card:hover .contact-card-arrow{opacity:1;color:var(--accent-orange);transform:translate(0)}.contact-form-section{padding:var(--space-2xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.contact-form-header{margin-bottom:var(--space-2xl)}.contact-form-header h2{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.75rem;font-weight:700}.contact-form-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.contact-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.form-input,.form-textarea{width:100%;padding:var(--space-md)var(--space-lg);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-base);border-radius:8px;font-family:inherit;font-size:.9375rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-orange);outline:none;box-shadow:0 0 0 3px #ff6b351a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary)}.form-textarea{resize:vertical;min-height:150px;font-family:inherit}.submit-btn{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--accent-orange);color:#fff;transition:all var(--transition-base);cursor:pointer;margin-top:var(--space-lg);border:none;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:600;display:inline-flex}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#ff8c2e;transform:translateY(-2px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-message{padding:var(--space-lg);border:1px solid var(--accent-cyan);text-align:center;margin-bottom:var(--space-lg);background:linear-gradient(135deg,#00d4ff1a,#9370db1a);border-radius:8px}.success-icon{background-color:var(--accent-cyan);color:#fff;width:40px;height:40px;margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.success-message h3{color:var(--accent-cyan);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700}.success-message p{color:var(--text-secondary);margin:0;font-size:.9375rem}.contact-social-section{text-align:center;padding:var(--space-2xl)var(--space-xl);background:linear-gradient(135deg,var(--accent-orange)0%,var(--accent-purple)50%,var(--accent-cyan)100%);margin-bottom:var(--space-2xl);background-size:300% 300%;border-radius:16px;animation:8s infinite gradientShift;position:relative;overflow:hidden}.contact-social-section:before{content:"";pointer-events:none;background:linear-gradient(45deg,#ffffff1a 0%,#0000 50%,#0000000d 100%);position:absolute;inset:0}.social-content{z-index:1;position:relative}.contact-social-section h2{color:#fff;margin-bottom:var(--space-md);text-shadow:0 2px 10px #0000001a;font-size:2rem;font-weight:800}.contact-social-section p{color:#fffffff2;margin-bottom:var(--space-2xl);text-shadow:0 1px 5px #0000001a;font-size:1.125rem}.social-links{gap:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.social-link{width:56px;height:56px;transition:all var(--transition-base);color:#fff;background-color:#fff3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background-color:#fff;transform:translateY(-5px)}.social-link:hover svg{animation:.6s rotateIcon}.social-link.social-orange:hover{color:var(--accent-orange)}.social-link.social-purple:hover{color:var(--accent-purple)}.social-link.social-cyan:hover{color:var(--accent-cyan)}.contact-faq-section{padding:var(--space-2xl)var(--space-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:var(--space-2xl);border-radius:16px}.contact-faq-section h2{color:var(--text-primary);text-align:center;margin-bottom:var(--space-2xl);font-size:2rem;font-weight:800}.faq-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.faq-item{padding:var(--space-xl);background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:12px}.faq-item:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md);transform:translateY(-4px)}.faq-item h3{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.125rem;font-weight:700}.faq-item p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}@media (max-width:1024px){.contact-container{grid-template-columns:1fr}.contact-title{font-size:2.25rem}.faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.contact-hero{padding:var(--space-xl)var(--space-lg);margin-bottom:var(--space-xl)}.contact-title{font-size:1.75rem}.contact-subtitle{font-size:1rem}.contact-container{gap:var(--space-xl)}.contact-info-card{padding:var(--space-lg);gap:var(--space-md)}.contact-card-icon{width:48px;height:48px}.contact-info-card h3{font-size:1.125rem}.contact-form-section{padding:var(--space-xl)}.contact-form-header h2,.contact-social-section h2{font-size:1.5rem}.contact-social-section p{font-size:1rem}.social-links{gap:var(--space-md)}.social-link{width:48px;height:48px}.contact-faq-section{padding:var(--space-xl)var(--space-lg)}.contact-faq-section h2{font-size:1.5rem}.faq-grid{gap:var(--space-md)}}@media (max-width:480px){.contact-page{padding:var(--space-md)}.contact-hero{padding:var(--space-lg)var(--space-md)}.contact-title{font-size:1.5rem}.contact-subtitle{font-size:.9375rem}.contact-info-section{gap:var(--space-md)}.contact-info-card{padding:var(--space-md);gap:var(--space-sm)}.contact-card-icon{width:44px;height:44px}.contact-info-card h3{font-size:1rem}.contact-card-main{font-size:.9375rem}.contact-card-desc{font-size:.8125rem}.contact-form-section{padding:var(--space-lg)var(--space-md)}.contact-form-header h2{font-size:1.25rem}.form-group label{font-size:.875rem}.form-input,.form-textarea{padding:var(--space-sm)var(--space-md);font-size:.875rem}.submit-btn{padding:10px 20px;font-size:.9375rem}.contact-social-section{padding:var(--space-lg)var(--space-md)}.contact-social-section h2{font-size:1.25rem}.contact-social-section p{font-size:.95rem}.social-links{gap:var(--space-sm)}.social-link{width:44px;height:44px}.contact-faq-section{padding:var(--space-lg)var(--space-md)}.contact-faq-section h2{margin-bottom:var(--space-xl);font-size:1.25rem}.faq-grid{grid-template-columns:1fr}.faq-item{padding:var(--space-lg)var(--space-md)}.faq-item h3{font-size:1rem}.faq-item p{font-size:.875rem}}.topics-section{padding:2rem}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:1.5rem;display:grid}.topic-card{cursor:default;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .3s;display:flex}.topic-card:hover{border-color:var(--accent-cyan);background:#00d4ff1a;box-shadow:0 4px 12px #00d4ff33}.topic-icon{background:var(--accent-cyan);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.topic-text{color:var(--text-primary);font-size:.938rem;font-weight:500}.level-badge{border-radius:6px;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-block}.level-beginner{color:#10b981;background:#10b98133}.level-intermediate{color:#fbbf24;background:#fbbf2433}.level-advanced{color:#ef4444;background:#ef444433}.section-title{align-items:center;gap:12px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.description-content{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.description-section{background:linear-gradient(135deg,#00d4ff08,#9370db08);border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.description-content{background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:2rem;position:relative}.description-paragraph{color:var(--text-secondary);margin-bottom:1rem;font-size:.938rem;line-height:1.8}.description-paragraph:last-of-type{margin-bottom:0}.show-more-btn{background:var(--accent-cyan);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:200px;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:10px 24px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.show-more-btn:hover{background:var(--accent-cyan-hover);box-shadow:0 4px 12px #00d4ff4d}.show-more-btn svg{flex-shrink:0}.video-detail-page{max-width:1200px;margin:0 auto}.video-detail-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden}.video-player-section{width:100%;padding:var(--space-lg);border-bottom:1px solid var(--border-color);background-color:#000}.video-player-wrapper{border-radius:8px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-iframe{border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.video-detail-header{padding:var(--space-2xl)var(--space-xl);border-bottom:1px solid var(--border-color)}.video-detail-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:2rem;font-weight:700;line-height:1.3}.video-detail-description{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1rem;line-height:1.7}.video-detail-meta{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;font-size:.9375rem;display:flex}.video-detail-meta .meta-item{align-items:center;gap:var(--space-sm);color:var(--text-secondary);display:flex}.video-detail-meta .meta-item svg{width:18px;height:18px;color:var(--accent-orange)}.video-actions-main{gap:var(--space-md);flex-wrap:wrap;display:flex}.detail-section:last-child{border-bottom:none}.info-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.info-item{padding:var(--space-lg);background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:8px}.info-item:hover{border-color:var(--accent-orange);transform:translateY(-4px)}.info-item h3{color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;font-size:.875rem;font-weight:600}.info-item p{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.topics-list{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.topic-item{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:8px;display:flex}.topic-item:hover{border-color:var(--accent-cyan);background-color:var(--overlay-light)}.topic-check{background-color:var(--accent-cyan);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.topic-item span{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.related-sourcecode-section{padding:var(--space-xl);background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.related-sourcecode-card{padding:var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:8px}.related-sourcecode-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md)}.sourcecode-info{flex:1}.sourcecode-title-link{text-decoration:none;display:block}.sourcecode-title{color:var(--text-primary);margin-bottom:var(--space-sm);transition:color var(--transition-base);font-size:1.125rem;font-weight:700}.sourcecode-title-link:hover .sourcecode-title{color:var(--accent-orange)}.sourcecode-description{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.875rem;line-height:1.5}.sourcecode-tech{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.tech-tag{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-base);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.tech-tag:hover{border-color:var(--accent-orange);color:var(--accent-orange);background-color:var(--overlay-light)}.sourcecode-actions-related{gap:var(--space-sm);flex-wrap:wrap;display:flex}.sourcecode-actions-related .action-btn{flex:1;min-width:150px}.view-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.view-btn:hover{background-color:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.download-btn{background-color:var(--bg-tertiary);border:1px solid var(--accent-cyan);color:var(--accent-cyan)}.download-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background-color:#00d4ff1a}.transcript-content{padding:var(--space-lg);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;line-height:1.8}.transcript-content p{color:var(--text-secondary);margin:0}.no-data{color:var(--text-secondary);text-align:center;padding:var(--space-lg);font-style:italic}.related-videos-section{padding:var(--space-xl);border-top:1px solid var(--border-color)}.related-videos-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.related-video-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);transition:all var(--transition-slow);border-radius:8px;overflow:hidden}.related-video-item:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md);transform:translateY(-4px)}.related-video-thumbnail{cursor:pointer;background-color:#000;width:100%;height:0;padding-bottom:56.25%;display:block;position:relative;overflow:hidden}.related-video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;top:0;left:0}.related-video-thumbnail:hover img{transform:scale(1.08)}.related-video-thumbnail .video-overlay{background:var(--overlay-dark);opacity:0;transition:opacity var(--transition-slow);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.related-video-thumbnail:hover .video-overlay{opacity:1}.related-video-thumbnail .video-overlay svg{color:var(--accent-orange);pointer-events:none}.related-video-info{padding:var(--space-lg)}.related-video-title{color:var(--text-primary);margin-bottom:var(--space-sm);-webkit-line-clamp:2;transition:color var(--transition-base);-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.related-video-item:hover .related-video-title{color:var(--accent-orange)}.related-video-meta{color:var(--text-secondary);margin:0;font-size:.8125rem}@media (max-width:1024px){.video-player-wrapper{padding-bottom:56.25%}.info-grid{grid-template-columns:repeat(2,1fr)}.topics-list{grid-template-columns:1fr}.related-videos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.video-player-section{padding:var(--space-md)}.video-detail-header{padding:var(--space-lg)}.video-detail-title{font-size:1.5rem}.video-detail-description{font-size:.9375rem}.video-detail-meta{gap:var(--space-md);font-size:.875rem}.video-actions-main{flex-direction:column}.action-btn{width:100%}.detail-section{padding:var(--space-lg)}.section-title{font-size:1.125rem}.info-grid{grid-template-columns:1fr}.topics-list{gap:var(--space-sm)}.related-videos-grid{grid-template-columns:1fr}.sourcecode-actions-related{flex-direction:column}.sourcecode-actions-related .action-btn{width:100%}}@media (max-width:480px){.video-detail-title{font-size:1.25rem}.video-detail-description{font-size:.875rem}.video-detail-meta{gap:var(--space-sm);flex-direction:column}.video-actions-main{gap:var(--space-sm)}.action-btn{padding:8px 16px;font-size:.8125rem}.section-title{font-size:1rem}.info-item{padding:var(--space-md)}.info-item h3{font-size:.75rem}.info-item p{font-size:1rem}.topic-item{padding:var(--space-sm)var(--space-md)}.related-sourcecode-card{padding:var(--space-md)}.sourcecode-title{font-size:1rem}.tech-tag{font-size:.7rem}.transcript-content{padding:var(--space-md);font-size:.875rem}.related-video-info{padding:var(--space-md)}.related-video-title{font-size:.9375rem}.related-video-meta{font-size:.75rem}}.sourcecode-detail-page{max-width:1200px;margin:0 auto}.back-link{align-items:center;gap:var(--space-sm);color:var(--text-secondary);margin-bottom:var(--space-2xl);transition:all var(--transition-base);padding:var(--space-sm)var(--space-md);background-color:var(--overlay-light);border-radius:6px;font-size:.9375rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent-orange);background-color:var(--bg-tertiary);gap:var(--space-md)}.back-link svg{flex-shrink:0;width:16px;height:16px}.sourcecode-detail-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden}.sourcecode-detail-header{padding:var(--space-2xl)var(--space-xl);border-bottom:1px solid var(--border-color)}.sourcecode-detail-title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:2rem;font-weight:700;line-height:1.3}.sourcecode-detail-description{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1rem;line-height:1.7}.sourcecode-detail-meta{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;font-size:.9375rem;display:flex}.sourcecode-detail-meta .meta-item{align-items:center;gap:var(--space-sm);color:var(--text-secondary);display:flex}.sourcecode-detail-meta .meta-item svg{width:18px;height:18px;color:var(--accent-orange)}.sourcecode-actions-main{gap:var(--space-md);flex-wrap:wrap;display:flex}.action-btn{justify-content:center;align-items:center;gap:var(--space-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-base);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.action-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-btn svg{pointer-events:none;width:18px;height:18px}.primary-btn{background-color:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.primary-btn:hover{background-color:#ff8c2e;border-color:#ff8c2e;box-shadow:0 4px 16px #ff6b354d}.secondary-btn{border-color:var(--border-color);color:var(--text-primary);background-color:#0000}.secondary-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-purple);color:var(--accent-purple)}.detail-section{padding:var(--space-2xl)var(--space-xl);border-bottom:1px solid var(--border-color)}.detail-section:last-of-type{border-bottom:none}.section-title-wrapper{margin-bottom:var(--space-2xl);z-index:1;position:relative}.section-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.75rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.tech-tags-large{gap:var(--space-md);flex-wrap:wrap;display:flex}.tech-tag-large{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-slow);cursor:default;border-radius:8px;padding:10px 16px;font-size:.9375rem;font-weight:600}.tech-tag-large:hover{border-color:var(--accent-orange);color:var(--accent-orange);background-color:var(--overlay-light);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b351a}.features-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);z-index:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;position:relative}.feature-card-new{padding:var(--space-lg)var(--space-lg)var(--space-md)var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:default;border-radius:12px;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.feature-card-new:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#00d4ff0d,#0000);transition:opacity .3s;position:absolute;inset:0}.feature-card-new:hover:before{opacity:1}.feature-card-new:hover{border-color:var(--accent-cyan);box-shadow:0 8px 24px #00d4ff26}.feature-card-header{margin-bottom:var(--space-lg)}.feature-icon-circle{background:linear-gradient(135deg,#00d4ff33,#00d4ff14);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.feature-icon-circle svg{transition:transform .3s}.feature-card-new:hover .feature-icon-circle{background:linear-gradient(135deg,#00d4ff4d,#00d4ff1f);transform:scale(1.1)}.feature-card-new:hover .feature-icon-circle svg{transform:rotate(10deg)scale(1.1)}.feature-icon-cyan{color:var(--accent-cyan)}.feature-icon-purple{color:var(--accent-purple);background:linear-gradient(135deg,#9370db33,#9370db14)}.feature-icon-orange{color:var(--accent-orange);background:linear-gradient(135deg,#ff6b3533,#ff6b3514)}.feature-cyan:hover .feature-icon-cyan{color:var(--accent-cyan)}.feature-purple:hover .feature-icon-purple{background:linear-gradient(135deg,#9370db4d,#9370db1f)}.feature-orange:hover .feature-icon-orange{background:linear-gradient(135deg,#ff6b354d,#ff6b351f)}.feature-card-body{margin-bottom:var(--space-md);flex:1}.feature-card-title{color:var(--text-primary);margin:0 0 var(--space-sm)0;font-size:1.0625rem;font-weight:600;line-height:1.3;transition:color .3s}.feature-card-new:hover .feature-card-title{color:var(--accent-cyan)}.feature-card-desc{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5;transition:color .3s}.feature-card-new:hover .feature-card-desc{color:var(--text-primary)}.feature-card-footer{gap:var(--space-sm);align-items:center;display:flex}.feature-line{background:linear-gradient(90deg,var(--accent-cyan),transparent);border-radius:1px;width:100%;height:2px;transition:all .3s}.feature-card-new:hover .feature-line{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));height:3px}@media (max-width:1024px){.features-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.feature-card-new{padding:var(--space-lg)var(--space-md)var(--space-sm)var(--space-md)}}@media (max-width:768px){.features-grid{gap:var(--space-lg);grid-template-columns:1fr}.feature-card-new{padding:var(--space-lg)}.feature-icon-circle{width:50px;height:50px}.feature-icon-circle svg{width:24px;height:24px}.feature-card-title{font-size:1rem}.feature-card-desc{font-size:.8125rem}}@media (max-width:480px){.features-grid{gap:var(--space-md)}.feature-card-new{padding:var(--space-md)}.feature-icon-circle{width:48px;height:48px}.feature-icon-circle svg{width:22px;height:22px}.feature-card-title{font-size:.95rem}.feature-card-desc{font-size:.8rem}}.feature-stats{gap:var(--space-lg);padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);z-index:1;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;position:relative}.stat-item{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,var(--bg-tertiary)0%,var(--bg-secondary)100%);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;display:flex}.stat-item:hover{border-color:var(--accent-orange);transform:translateY(-4px);box-shadow:0 8px 24px #ff6b351a}.stat-icon{width:48px;height:48px;color:var(--accent-orange);background:linear-gradient(135deg,#ff6b3526,#ff6b350d);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.stat-item:hover .stat-icon{background:linear-gradient(135deg,#ff6b3540,#ff6b351a);transform:scale(1.1)}.stat-content{flex-direction:column;display:flex}.stat-value{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.code-explorer-section{padding:var(--space-2xl)var(--space-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:var(--space-2xl);border-radius:12px;scroll-margin-top:80px}.code-explorer-section .section-title-wrapper{margin-bottom:var(--space-xl)}.related-video-section{padding:var(--space-2xl)var(--space-xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:var(--space-2xl);border-radius:12px}.related-video-card{gap:var(--space-xl);padding:var(--space-lg);background-color:var(--bg-tertiary);border:1px solid var(--border-color);margin-top:var(--space-lg);transition:all var(--transition-slow);border-radius:8px;grid-template-columns:400px 1fr;display:grid}.related-video-card:hover{border-color:var(--accent-orange);box-shadow:var(--shadow-md)}.video-thumbnail{background-color:#000;border-radius:8px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;top:0;left:0}.video-thumbnail:hover img{transform:scale(1.08)}.video-overlay{background:var(--overlay-dark);opacity:0;transition:opacity var(--transition-slow);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-thumbnail:hover .video-overlay{opacity:1}.video-overlay svg{color:var(--accent-orange)}.video-info{flex-direction:column;justify-content:space-between;display:flex}.video-title{color:var(--text-primary);margin-bottom:var(--space-md);transition:color var(--transition-base);font-size:1.125rem;font-weight:700;line-height:1.4}.related-video-card:hover .video-title{color:var(--accent-orange)}.video-description{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.9375rem;line-height:1.6}.video-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.view-btn,.youtube-btn{flex:1;min-width:120px;font-size:.875rem}.youtube-btn{border-color:var(--border-color);color:var(--text-secondary);background-color:#0000}.youtube-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-orange);color:var(--accent-orange)}.error-container{text-align:center;padding:var(--space-2xl);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;animation:.5s fadeIn}.error-container h2{color:var(--text-primary);margin-bottom:var(--space-lg);font-size:1.5rem}@media (max-width:1024px){.features-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.feature-stats,.related-video-card{grid-template-columns:1fr}}@media (max-width:768px){.sourcecode-detail-header{padding:var(--space-lg)}.sourcecode-detail-title{font-size:1.5rem}.sourcecode-detail-description{font-size:.9375rem}.detail-section{padding:var(--space-lg)}.section-title{font-size:1.5rem}.section-subtitle{font-size:.9375rem}.tech-tags-large{gap:var(--space-sm)}.tech-tag-large{padding:8px 12px;font-size:.8125rem}.features-grid{gap:var(--space-lg);grid-template-columns:1fr}.feature-card{padding:var(--space-lg)}.feature-icon-wrapper{width:48px;height:48px}.feature-title{font-size:1rem}.feature-description{font-size:.875rem}.feature-stats{padding:var(--space-lg);gap:var(--space-md);grid-template-columns:1fr}.stat-item{padding:var(--space-md)}.stat-icon{width:42px;height:42px}.stat-value{font-size:1.25rem}.stat-label{font-size:.8125rem}.code-explorer-section{padding:var(--space-lg);scroll-margin-top:60px}.related-video-section{padding:var(--space-lg)}.related-video-card{padding:var(--space-md);gap:var(--space-lg)}.video-title{font-size:1rem}.video-description{font-size:.875rem}.video-actions{gap:var(--space-sm);flex-direction:column}.view-btn,.youtube-btn{width:100%;min-width:auto}.sourcecode-actions-main{flex-direction:column}.action-btn{width:100%}}@media (max-width:480px){.sourcecode-detail-header{padding:var(--space-lg)var(--space-md)}.sourcecode-detail-title{font-size:1.25rem}.sourcecode-detail-description{font-size:.875rem}.detail-section{padding:var(--space-md)}.section-title{font-size:1.25rem}.section-subtitle{font-size:.875rem}.tech-tag-large{padding:6px 10px;font-size:.75rem}.features-grid{gap:var(--space-md)}.feature-card{padding:var(--space-md)}.feature-icon-wrapper{width:44px;height:44px}.feature-title{font-size:.9375rem}.feature-description{font-size:.8125rem}.feature-badge{width:28px;height:28px}.stat-item{padding:var(--space-sm)var(--space-md)}.stat-icon{width:38px;height:38px}.stat-value{font-size:1.125rem}.stat-label{font-size:.75rem}.code-explorer-section{padding:var(--space-lg)var(--space-md)}.related-video-card{padding:var(--space-md)}.video-title{font-size:.95rem}.video-description{font-size:.8125rem}}