@import"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css";:root{--font-family-base: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-monospace: 'JetBrains Mono', "SF Mono", Monaco, Inconsolata, "Roboto Mono", "Source Code Pro", monospace;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}:root{--color-background: #ffffff;--color-surface: #f8fafc;--color-text: #0f172a;--color-text-secondary: #475569;--color-muted: #64748b;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-primary: #1f2937;--color-primary-hover: #111827;--color-accent: #374151;--color-logo-highlight: #3b82f6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444}[data-theme=dark]{--color-background: #1c1c1c;--color-surface: #2a2a2a;--color-text: #f5f5f5;--color-text-secondary: #d4d4d4;--color-muted: #a3a3a3;--color-border: #404040;--color-border-light: #525252;--color-primary: #e5e5e5;--color-primary-hover: #f5f5f5;--color-accent: #d4d4d4;--color-logo-highlight: #60a5fa;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444}*{box-sizing:border-box}html{overflow-y:scroll;background-color:var(--color-background)}@media(max-width: 768px){html{font-size:14px}}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text);line-height:1.6;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;overscroll-behavior-y:none}@media(max-width: 768px){body{line-height:1.5}}body.hide-layout .site-header,body.hide-layout .site-footer{display:none}body.hide-layout .site-main{padding:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width: 768px){.container{padding:0 var(--spacing-lg)}}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-logo-highlight)}@media(max-width: 768px){p,li{line-height:1.6}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media(max-width: 768px){.container{padding:0 var(--spacing-lg)}}.site-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .3s ease}@media(max-width: 768px){.site-header{padding:var(--spacing-md) 0}}.site-header.scrolled{box-shadow:0 2px 8px rgba(0,0,0,.1)}.site-header .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl)}@media(max-width: 768px){.site-header .header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media(max-width: 768px){.site-header .brand{width:100%}}.site-header .brand .logo{align-items:center;gap:var(--spacing-sm);font-size:1.75rem;font-weight:700;color:var(--color-text);text-decoration:none;margin-bottom:var(--spacing-xs)}@media(max-width: 768px){.site-header .brand .logo{font-size:1.5rem;justify-content:center}}.site-header .brand .logo .logo-icon{font-size:1.8rem;color:var(--color-logo-highlight)}@media(max-width: 768px){.site-header .brand .logo .logo-icon{font-size:1.35rem}}.site-header .brand .logo .logo-text{color:var(--color-text)}.site-header .brand .logo .logo-domain{color:var(--color-logo-highlight)}.site-header .brand .logo:hover .logo-domain{color:var(--color-logo-highlight);opacity:.8}.site-header .brand .logo:hover .logo-icon{color:var(--color-logo-highlight);opacity:.8}.site-header .brand .tagline{font-size:.85rem;color:var(--color-text-secondary);margin:0;font-weight:500;line-height:1.4}@media(max-width: 768px){.site-header .brand .tagline{font-size:.8rem;line-height:1.3;max-width:280px;margin:0 auto}}@media(max-width: 768px){.site-header .main-nav{width:100%}}.site-header .main-nav .nav-list{display:flex;align-items:center;gap:var(--spacing-xl);list-style:none;margin:0;padding:0}@media(max-width: 768px){.site-header .main-nav .nav-list{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}}.site-header .main-nav .nav-link{font-weight:500;color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .2s ease;text-decoration:none;display:flex;align-items:center}@media(max-width: 768px){.site-header .main-nav .nav-link{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}}.site-header .main-nav .nav-link:hover{color:var(--color-logo-highlight);background-color:var(--color-surface)}.site-header .theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:1.1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.site-header .theme-toggle:hover{background-color:var(--color-border-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.site-header .dropdown-toggle{border:none !important;color:var(--color-text-secondary) !important}@media(max-width: 768px){.site-header .dropdown-toggle{font-size:.9rem}}.site-header .dropdown-toggle:hover{color:var(--color-logo-highlight) !important}.site-header .dropdown-toggle:focus{box-shadow:none !important}.site-header .dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}@media(max-width: 768px){.site-header .dropdown-menu{font-size:.9rem}}.site-header .dropdown-menu .dropdown-item{color:var(--color-text)}@media(max-width: 768px){.site-header .dropdown-menu .dropdown-item{padding:var(--spacing-sm) var(--spacing-md)}}.site-header .dropdown-menu .dropdown-item:hover{background-color:var(--color-border-light);color:var(--color-text)}.site-header .dropdown-menu .dropdown-item.active{background-color:var(--color-logo-highlight);color:#fff}.site-header .dropdown-menu .dropdown-item i{width:1rem}.main-content{padding:var(--spacing-xl) 0}@media(max-width: 768px){.main-content{padding:var(--spacing-lg) 0}}.hero{text-align:center;margin-bottom:var(--spacing-xl)}@media(max-width: 768px){.hero{margin-bottom:var(--spacing-lg)}}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}@media(max-width: 768px){.hero h1{font-size:2rem;margin-bottom:var(--spacing-sm)}}.hero p{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}@media(max-width: 768px){.hero p{font-size:1rem;padding:0 var(--spacing-sm)}}.tech-stack-section,.articles-section{margin-bottom:var(--spacing-xl)}.tech-stack-section h2,.articles-section h2{font-size:1.75rem;margin-bottom:var(--spacing-lg)}@media(max-width: 768px){.tech-stack-section h2,.articles-section h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}}.tech-stack-section .tech-stack-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--spacing-lg)}@media(max-width: 992px){.tech-stack-section .tech-stack-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.tech-stack-section .tech-stack-grid{grid-template-columns:repeat(2, 1fr)}}.tech-stack-section .tech-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);transition:all .2s ease;background:var(--color-bg-primary)}@media(max-width: 768px){.tech-stack-section .tech-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}}.tech-stack-section .tech-card:hover:not(.disabled){border-color:var(--color-logo-highlight);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.tech-stack-section .tech-card.disabled{opacity:.4;cursor:default}.tech-stack-section .tech-card .tech-icon{width:64px;height:64px;object-fit:contain;flex-shrink:0}@media(max-width: 768px){.tech-stack-section .tech-card .tech-icon{width:48px;height:48px}}.tech-stack-section .tech-card .tech-name{font-size:1rem;font-weight:600;text-align:center;margin:0;color:var(--color-text-primary);line-height:1.4}@media(max-width: 768px){.tech-stack-section .tech-card .tech-name{font-size:.875rem}}.tech-stack-section .tech-card .tech-description{font-size:.875rem;line-height:1.5;text-align:center;color:var(--color-text-secondary);margin:0;min-height:3.9375rem}@media(max-width: 768px){.tech-stack-section .tech-card .tech-description{font-size:.8125rem;line-height:1.4;min-height:3.4125rem}}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-lg)}@media(max-width: 768px){.articles-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.article-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease}@media(max-width: 768px){.article-card{padding:var(--spacing-sm)}}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-logo-highlight)}.article-card .article-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}@media(max-width: 768px){.article-card .article-title{font-size:1.125rem}}.article-card .article-title a{color:var(--color-text);text-decoration:none}.article-card .article-title a:hover{color:var(--color-logo-highlight)}.article-card .article-excerpt{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}@media(max-width: 768px){.article-card .article-excerpt{font-size:.9rem}}.article-card .article-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-text-secondary);flex-wrap:wrap;gap:var(--spacing-xs)}@media(max-width: 768px){.article-card .article-meta{font-size:.8125rem}}.article-card .article-meta .article-date,.article-card .article-meta .article-reading-time{display:flex;align-items:center;gap:.25rem}.article-card .article-footer{margin-top:var(--spacing-md)}.article-card .article-footer .btn-read-article{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}@media(max-width: 768px){.article-card .article-footer .btn-read-article{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}}.site-main{min-height:calc(100vh - 200px);padding:var(--spacing-md) 0 var(--spacing-3xl) 0}@media(max-width: 768px){.site-main{padding:.5rem 0}}.app-content{max-width:800px;margin:0 auto}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:var(--spacing-3xl)}@media(max-width: 768px){.site-footer{padding:var(--spacing-xl) 0;margin-top:var(--spacing-xl)}}.site-footer .footer-content{display:grid;grid-template-columns:7fr 1.5fr 1.5fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);align-items:start}@media(max-width: 768px){.site-footer .footer-content{grid-template-columns:2fr 1fr;gap:var(--spacing-md)}}.site-footer .footer-info{grid-column:1/-1}@media(min-width: 769px){.site-footer .footer-info{grid-column:1/2}}@media(max-width: 768px){.site-footer .footer-links{grid-column:1/2}}@media(max-width: 768px){.site-footer .footer-contact{grid-column:2/3}}.site-footer .footer-info .footer-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm)}@media(max-width: 768px){.site-footer .footer-info .footer-title{font-size:1.125rem}}.site-footer .footer-info .footer-bio{font-size:1rem;line-height:1.5;margin:var(--spacing-sm) 0;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--color-logo-highlight);color:var(--color-text);font-style:italic;background:rgba(var(--color-logo-highlight-rgb), 0.05);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.site-footer .footer-info .footer-description{color:var(--color-text-secondary);margin:var(--spacing-md) 0;max-width:100%;line-height:1.6}@media(max-width: 768px){.site-footer .footer-info .footer-description{font-size:.9rem}}.site-footer .footer-info .footer-certifications .cert-badges{display:flex;gap:var(--spacing-xs)}.site-footer .footer-info .footer-certifications .cert-badges a{display:block;transition:transform .2s ease,opacity .2s ease}.site-footer .footer-info .footer-certifications .cert-badges a:hover{transform:translateY(-2px);opacity:.9}.site-footer .footer-info .footer-certifications .cert-badges a img{width:90px;height:90px;border-radius:var(--radius-sm)}@media(max-width: 768px){.site-footer .footer-info .footer-certifications .cert-badges a img{width:60px;height:60px}}@media(max-width: 768px){.site-footer .footer-info .footer-certifications .cert-badges{gap:var(--spacing-xs)}}.site-footer .footer-links,.site-footer .footer-contact{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width: 768px){.site-footer .footer-links,.site-footer .footer-contact{flex-direction:row;gap:var(--spacing-md);justify-content:space-between}}@media(max-width: 768px){.site-footer .footer-links .link-group,.site-footer .footer-contact .link-group{flex:1}}.site-footer .footer-links .link-group h4,.site-footer .footer-contact .link-group h4{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}@media(max-width: 768px){.site-footer .footer-links .link-group h4,.site-footer .footer-contact .link-group h4{font-size:.75rem;margin-bottom:var(--spacing-xs)}}.site-footer .footer-links .link-group ul,.site-footer .footer-contact .link-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}@media(max-width: 768px){.site-footer .footer-links .link-group ul,.site-footer .footer-contact .link-group ul{gap:2px}}.site-footer .footer-links .link-group ul li a,.site-footer .footer-contact .link-group ul li a{color:var(--color-text-secondary);font-size:.875rem;display:inline-block}@media(max-width: 768px){.site-footer .footer-links .link-group ul li a,.site-footer .footer-contact .link-group ul li a{font-size:.7rem}}.site-footer .footer-links .link-group ul li a:hover,.site-footer .footer-contact .link-group ul li a:hover{color:var(--color-logo-highlight)}.site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}@media(max-width: 768px){.site-footer .footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.site-footer .footer-bottom p{margin:0;font-size:.875rem;color:var(--color-muted)}.site-footer .footer-bottom .tech-note{font-family:var(--font-family-monospace);font-size:.75rem}.hero-section{text-align:center;margin-bottom:var(--spacing-3xl)}.hero-section .hero-title{font-size:2.5rem;font-weight:700;color:var(--color-text);margin:0 0 var(--spacing-lg);line-height:1.2}@media(max-width: 768px){.hero-section .hero-title{font-size:2rem}}.hero-section .hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin:0;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.hero-section .hero-subtitle{font-size:1.125rem}}.articles-section .section-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.articles-list .article-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);transition:all .3s ease}.articles-list .article-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-logo-highlight)}.articles-list .article-item .article-title{font-size:1.375rem;font-weight:600;margin:0 0 var(--spacing-md);line-height:1.3}.articles-list .article-item .article-title a{color:var(--color-text)}.articles-list .article-item .article-title a:hover{color:var(--color-logo-highlight)}.articles-list .article-item .article-summary{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);line-height:1.6;font-size:1rem}.articles-list .article-item .article-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:.875rem;color:var(--color-muted)}.articles-list .article-item .article-meta .meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.articles-list .article-item .article-meta .meta-separator{color:var(--color-border)}.loading-state{text-align:center;padding:var(--spacing-3xl) 0}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.error-state{text-align:center;padding:var(--spacing-3xl) 0}.error-state .error-icon{font-size:3rem;margin-bottom:var(--spacing-lg);color:var(--color-muted)}.error-state .error-icon i{font-size:inherit}.error-state .error-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md)}.error-state .error-message{color:var(--color-text-secondary);margin:0}.footer-links a{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-links a i{font-size:1rem}.news-section{padding:var(--spacing-xl) 0;background-color:var(--color-surface)}.news-section h2{font-size:1.75rem;margin-bottom:var(--spacing-lg);text-align:center}@media(max-width: 768px){.news-section h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}}.news-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}@media(max-width: 768px){.news-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.news-featured{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.news-featured h3{font-size:1.5rem;margin-bottom:var(--spacing-md)}@media(max-width: 768px){.news-featured h3{font-size:1.25rem}}.news-featured h3 a{color:var(--color-text);text-decoration:none}.news-featured h3 a:hover{color:var(--color-logo-highlight)}.news-featured .news-summary{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.news-secondary{display:flex;flex-direction:column;gap:var(--spacing-md)}.news-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.news-item h4{font-size:1rem;margin-bottom:var(--spacing-sm)}.news-item h4 a{color:var(--color-text);text-decoration:none}.news-item h4 a:hover{color:var(--color-logo-highlight)}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-text-secondary)}@media(max-width: 768px){.news-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.news-meta .news-source{background-color:var(--color-logo-highlight);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.news-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.news-pagination .btn-pagination{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.news-pagination .btn-pagination:hover:not(:disabled){background-color:var(--color-logo-highlight);color:#fff;border-color:var(--color-logo-highlight)}.news-pagination .btn-pagination:disabled{opacity:.5;cursor:not-allowed}.news-pagination .pagination-info{color:var(--color-text-secondary);font-size:.875rem}.articles-carousel{position:relative;display:flex;align-items:center;gap:var(--spacing-md)}@media(max-width: 768px){.articles-carousel{flex-direction:column}}.carousel-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}@media(max-width: 768px){.carousel-btn{position:static;width:auto;height:auto;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}}.carousel-btn:hover:not(:disabled){background-color:var(--color-logo-highlight);color:#fff;border-color:var(--color-logo-highlight)}.carousel-btn:disabled{opacity:.5;cursor:not-allowed}.articles-footer{text-align:center;margin-top:var(--spacing-lg)}.articles-footer .btn-link{color:var(--color-logo-highlight);text-decoration:none;font-weight:500}.articles-footer .btn-link:hover{text-decoration:underline}.use-cases-section{padding:var(--spacing-xl) 0}.use-cases-section h2{font-size:1.75rem;margin-bottom:var(--spacing-lg);text-align:left}@media(max-width: 768px){.use-cases-section h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}}.placeholder-content{text-align:center;padding:var(--spacing-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.placeholder-content i{font-size:3rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.placeholder-content p{color:var(--color-text-secondary);font-style:italic}.error-message,.empty-state{text-align:center;padding:var(--spacing-xl)}.error-message i,.empty-state i{font-size:2rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.error-message p,.empty-state p{color:var(--color-text-secondary)}.about-hero{padding:var(--spacing-xl) 0;text-align:center;background-color:var(--color-surface)}.about-hero h1{font-size:2.5rem;margin-bottom:var(--spacing-md)}@media(max-width: 768px){.about-hero h1{font-size:2rem}}.about-hero .lead{font-size:1.25rem;color:var(--color-text-secondary)}@media(max-width: 768px){.about-hero .lead{font-size:1.125rem}}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}@media(max-width: 768px){.about-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.about-text h2{font-size:1.75rem;margin-bottom:var(--spacing-md);color:var(--color-logo-highlight)}.about-text p{line-height:1.7;margin-bottom:var(--spacing-md)}.about-text p:last-child{margin-bottom:0}.about-links h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}.links-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-md)}@media(max-width: 768px){.links-grid{grid-template-columns:1fr}}.link-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all .2s ease}.link-card:hover{color:var(--color-logo-highlight);border-color:var(--color-logo-highlight);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.link-card i{font-size:1.25rem}.about-tech{padding:var(--spacing-xl) 0;background-color:var(--color-surface)}.about-tech h2{font-size:1.75rem;margin-bottom:var(--spacing-lg);text-align:center}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-lg)}@media(max-width: 768px){.tech-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.tech-category{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.tech-category h3{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--color-logo-highlight)}.tech-category ul{list-style:none;padding:0;margin:0}.tech-category ul li{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light)}.tech-category ul li:last-child{border-bottom:none}.error-page{padding:var(--spacing-3xl) 0;text-align:center}.error-page h1{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.error-page p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}@media(max-width: 768px){.intro-section{margin-bottom:var(--spacing-xl)}}.intro-section .intro-quote{border-left:4px solid var(--color-logo-highlight);padding-left:var(--spacing-lg);margin:0 0 var(--spacing-lg);font-style:italic;color:var(--color-text-secondary)}.intro-section .intro-quote p{margin:0;font-size:1.125rem;line-height:1.6}.intro-section .intro-list{list-style:none;padding:0;margin:var(--spacing-lg) 0}.intro-section .intro-list li{padding:var(--spacing-xs) 0}.intro-section .intro-list li:before{content:"▸";color:var(--color-logo-highlight);margin-right:var(--spacing-sm)}.intro-section .intro-list li code{background-color:var(--color-surface);padding:2px 6px;border-radius:3px;font-family:var(--font-family-monospace);font-size:.9em;color:var(--color-logo-highlight)}.intro-section .highlight-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.intro-section .highlight-box p{margin:0;font-size:.95rem}.section-quote{border-left:4px solid var(--color-logo-highlight);padding-left:var(--spacing-lg);margin:var(--spacing-md) 0 var(--spacing-md);font-style:italic;color:var(--color-text-secondary);font-size:1rem;line-height:1.5}@media(max-width: 768px){.home-sidebar{order:-1}}.home-sidebar .sidebar-header{margin-bottom:var(--spacing-lg)}.home-sidebar .sidebar-header h3{font-size:1.25rem;margin:0 0 var(--spacing-xs);color:var(--color-text)}.home-sidebar .sidebar-header p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.news-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.news-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.news-card:hover{border-color:var(--color-logo-highlight);transform:translateY(-1px)}.news-card h4{font-size:.95rem;margin:0 0 var(--spacing-sm);line-height:1.4}.news-card h4 a{color:var(--color-text);text-decoration:none}.news-card h4 a:hover{color:var(--color-logo-highlight)}.news-card .news-summary{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4;margin:0 0 var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card .news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.news-card .news-meta .news-source{background-color:var(--color-logo-highlight);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}.news-card .news-meta time{color:var(--color-text-secondary)}.carousel{position:relative;margin:0}@media(max-width: 768px){.carousel{padding:0 35px}}.carousel .carousel-inner{overflow-x:hidden;overflow-y:visible;padding-top:4px}.carousel .carousel-control-prev,.carousel .carousel-control-next{width:40px;height:40px;background:none;border:none;top:50%;transform:translateY(-50%);opacity:1}.carousel .carousel-control-prev:hover i,.carousel .carousel-control-next:hover i{color:var(--color-logo-highlight)}.carousel .carousel-control-prev i,.carousel .carousel-control-next i{color:var(--color-text);font-size:1.5rem;transition:color .2s ease}@media(max-width: 768px){.carousel .carousel-control-prev,.carousel .carousel-control-next{width:28px;height:28px}.carousel .carousel-control-prev i,.carousel .carousel-control-next i{font-size:1rem}}.carousel .carousel-control-prev{left:-60px}@media(max-width: 768px){.carousel .carousel-control-prev{left:0}}.carousel .carousel-control-next{right:-60px}@media(max-width: 768px){.carousel .carousel-control-next{right:0}}.carousel .carousel-control-prev-icon,.carousel .carousel-control-next-icon{display:none}.article-card,.use-case-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .2s ease;height:280px;display:flex;flex-direction:column}@media(max-width: 768px){.article-card,.use-case-card{padding:var(--spacing-md);height:auto;min-height:200px}}.article-card:hover,.use-case-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-logo-highlight)}.article-card .article-content,.article-card .use-case-content,.use-case-card .article-content,.use-case-card .use-case-content{display:flex;flex-direction:column;height:100%}.article-card .article-category,.article-card .use-case-tech,.use-case-card .article-category,.use-case-card .use-case-tech{background-color:var(--color-logo-highlight);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;align-self:flex-start;margin-bottom:var(--spacing-sm)}.article-card h3,.use-case-card h3{font-size:1.125rem;margin:0 0 var(--spacing-sm);line-height:1.3;text-align:left}.article-card h3 a,.use-case-card h3 a{color:var(--color-text);text-decoration:none}.article-card h3 a:hover,.use-case-card h3 a:hover{color:var(--color-logo-highlight)}.article-card .article-summary,.article-card .use-case-summary,.use-case-card .article-summary,.use-case-card .use-case-summary{color:var(--color-text-secondary);line-height:1.5;margin:0 0 auto;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card .article-meta,.use-case-card .article-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-secondary);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.article-card .article-actions,.use-case-card .article-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-sm)}.article-card .article-tags,.use-case-card .article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.article-card .article-tags .tag-badge,.use-case-card .article-tags .tag-badge{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;border:1px solid var(--color-border)}.article-card .article-tags .tag-badge:hover,.use-case-card .article-tags .tag-badge:hover{background:var(--color-logo-highlight);color:#fff;border-color:var(--color-logo-highlight)}.article-card .btn-read-article,.use-case-card .btn-read-article{padding:8px 16px;background:var(--color-logo-highlight);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-block}.article-card .btn-read-article:hover,.use-case-card .btn-read-article:hover{background:var(--color-logo-highlight);opacity:.9;transform:translateY(-1px);color:#fff}.article-card .use-case-status,.use-case-card .use-case-status{margin-top:var(--spacing-sm)}.article-card .use-case-status .status-badge,.use-case-card .use-case-status .status-badge{background-color:var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem}.articles-carousel,.use-cases-carousel{position:relative;margin-bottom:var(--spacing-lg)}.articles-carousel .carousel-btn,.use-cases-carousel .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.articles-carousel .carousel-btn.carousel-prev,.use-cases-carousel .carousel-btn.carousel-prev{left:-50px}.articles-carousel .carousel-btn.carousel-next,.use-cases-carousel .carousel-btn.carousel-next{right:-50px}@media(max-width: 768px){.articles-carousel .carousel-btn,.use-cases-carousel .carousel-btn{position:static;transform:none;margin:var(--spacing-md) auto 0;display:block}}.intro-section,.articles-section,.use-cases-section,.about-section,.experience-section,.certifications-section,.philosophy-section,.articles-page-section,.architecture-vision-section{margin-bottom:var(--spacing-xl)}@media(max-width: 768px){.intro-section,.articles-section,.use-cases-section,.about-section,.experience-section,.certifications-section,.philosophy-section,.articles-page-section,.architecture-vision-section{margin-bottom:var(--spacing-xl)}}.intro-section .section-subtitle,.articles-section .section-subtitle,.use-cases-section .section-subtitle,.about-section .section-subtitle,.experience-section .section-subtitle,.certifications-section .section-subtitle,.philosophy-section .section-subtitle,.articles-page-section .section-subtitle,.architecture-vision-section .section-subtitle{color:var(--color-text-secondary);margin:var(--spacing-xs) 0 var(--spacing-lg);font-size:1rem}.about-header{display:flex;gap:var(--spacing-xl);align-items:flex-start}@media(max-width: 768px){.about-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:0}}.about-header .about-photo{flex-shrink:0}@media(max-width: 768px){.about-header .about-photo{align-self:center}}.about-header .about-photo img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid var(--color-border)}@media(max-width: 768px){.about-header .about-photo img{width:150px;height:150px}}.about-header .about-intro{flex-grow:1}.about-header .about-intro h2{margin-top:0}.articles-filters{margin:var(--spacing-lg) 0 var(--spacing-xl)}.category-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}@media(max-width: 768px){.category-filters{gap:var(--spacing-xs)}}.category-filter{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .2s ease}.category-filter:hover{border-color:var(--color-logo-highlight);color:var(--color-text)}.category-filter.active{background:var(--color-logo-highlight);border-color:var(--color-logo-highlight);color:#fff}@media(max-width: 768px){.category-filter{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}}.articles-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media(max-width: 992px){.articles-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.articles-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.articles-pagination{text-align:center;margin-top:var(--spacing-xl)}.btn-load-more{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-logo-highlight);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-load-more:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-load-more:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state,.error-message{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-secondary)}.empty-state i,.error-message i{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.empty-state p,.error-message p{font-size:1.1rem;margin:0}.error-message{color:var(--color-error, #dc3545)}.error-message i{color:var(--color-error, #dc3545)}.about-content,.experience-content,.certifications-content,.philosophy-content,.architecture-vision-content{margin-top:var(--spacing-md)}@media(max-width: 768px){.about-content,.experience-content,.certifications-content,.philosophy-content,.architecture-vision-content{margin-top:0;padding-top:0}}.about-text,.philosophy-text{font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-md);color:var(--color-text)}.about-text:last-child,.philosophy-text:last-child{margin-bottom:0}.tech-areas{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.tech-area h3{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--color-logo-highlight);font-weight:600}.tech-area p{color:var(--color-text-secondary);line-height:1.6}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-xl);margin-top:var(--spacing-md)}.cert-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.cert-item a{flex-shrink:0;transition:transform .2s ease}.cert-item a:hover{transform:translateY(-2px)}.cert-item a img{width:80px;height:80px;border-radius:var(--radius-sm)}.cert-item .cert-info h4{font-size:1.1rem;margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:600}.cert-item .cert-info p{color:var(--color-text-secondary);line-height:1.6;font-size:.95rem}@media(max-width: 768px){.cert-item{flex-direction:column;align-items:center;text-align:center}.cert-item a img{width:100px;height:100px}}.articles-footer,.use-cases-footer{text-align:left;margin-top:var(--spacing-lg)}.articles-footer .see-more-link,.use-cases-footer .see-more-link{margin:0;font-size:1rem;color:var(--color-text-secondary)}.articles-footer .see-more-link strong,.use-cases-footer .see-more-link strong{color:var(--color-logo-highlight);margin-right:var(--spacing-xs)}.articles-footer .see-more-link .markdown-link,.use-cases-footer .see-more-link .markdown-link{color:var(--color-logo-highlight);text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:all .2s ease}.articles-footer .see-more-link .markdown-link:hover,.use-cases-footer .see-more-link .markdown-link:hover{color:var(--color-logo-highlight);text-decoration-color:var(--color-logo-highlight);opacity:.8}.btn-see-more{display:inline-block;background-color:var(--color-logo-highlight);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all .2s ease}.btn-see-more:hover{background-color:var(--color-logo-highlight);opacity:.9;transform:translateY(-1px)}.article-detail .article-header{margin-bottom:var(--spacing-xl);padding-bottom:0;border-bottom:none}.article-detail .article-header .article-category{display:inline-block;background:var(--color-logo-highlight);color:#fff;padding:4px var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-md)}.article-detail .article-header h1{font-size:2.5rem;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}@media(max-width: 768px){.article-detail .article-header h1{font-size:2rem}}.article-detail .article-header .article-meta{display:flex;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg)}.article-detail .article-header .article-meta time,.article-detail .article-header .article-meta .reading-time{display:flex;align-items:center}.article-detail .article-header .article-summary-intro{font-size:1.1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-style:italic}.article-detail .article-header .article-divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-lg) 0 var(--spacing-xl) 0}.article-detail .article-header .article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.article-detail .article-body{font-size:1.125rem;line-height:1.8;color:var(--color-text-primary)}.article-detail .article-body h2,.article-detail .article-body h3,.article-detail .article-body h4{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.article-detail .article-body h2{font-size:1.875rem;border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-sm)}.article-detail .article-body h3{font-size:1.5rem}.article-detail .article-body h4{font-size:1.25rem}.article-detail .article-body p{margin-bottom:var(--spacing-md)}.article-detail .article-body ul,.article-detail .article-body ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.article-detail .article-body li{margin-bottom:var(--spacing-xs)}.article-detail .article-body code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em;font-family:"Courier New",monospace}.article-detail .article-body pre{background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.article-detail .article-body pre code{background:none;padding:0}.article-detail .article-body blockquote{border-left:4px solid var(--color-logo-highlight);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--color-text-secondary);font-style:italic}.article-detail .article-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.article-detail .article-body a{color:var(--color-logo-highlight);text-decoration:underline;text-decoration-color:rgba(0,0,0,0);transition:all .2s ease}.article-detail .article-body a:hover{text-decoration-color:var(--color-logo-highlight)}.article-detail .article-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.article-detail .article-footer .btn-back{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.article-detail .article-footer .btn-back:hover{color:var(--color-logo-highlight)}.article-detail .article-tags-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:.875rem}.article-detail .article-tags-footer strong{color:var(--color-text-primary);font-weight:600;margin-right:var(--spacing-xs)}.related-articles{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-light)}.related-articles h2{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.related-articles .articles-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--spacing-lg)}@media(max-width: 992px){.related-articles .articles-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.related-articles .articles-grid{grid-template-columns:1fr}}.error-state{text-align:center;padding:var(--spacing-xl) 0}.error-state h2{margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.error-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.error-state .btn-back{color:var(--color-logo-highlight);text-decoration:none;transition:color .2s ease}.error-state .btn-back:hover{text-decoration:underline}.contact-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-primary)}.contact-page .contact-container{max-width:680px;width:100%;margin:0 auto}.contact-page .contact-profile{text-align:center;margin-bottom:var(--spacing-xl)}.contact-page .contact-profile .contact-avatar{width:150px;height:150px;margin:0 auto var(--spacing-lg);border-radius:50%;overflow:hidden;border:3px solid var(--color-border)}.contact-page .contact-profile .contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-page .contact-profile .contact-avatar i{font-size:120px;color:var(--color-text-secondary)}.contact-page .contact-profile .contact-name{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.contact-page .contact-profile .contact-title{font-size:1rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.contact-page .contact-profile .contact-bio{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);max-width:500px;margin:0 auto}.contact-page .contact-links{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.contact-page .contact-links .contact-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);font-weight:500;transition:all .2s ease}.contact-page .contact-links .contact-link i:first-child{font-size:1.5rem;flex-shrink:0}.contact-page .contact-links .contact-link span{flex-grow:1}.contact-page .contact-links .contact-link i:last-child{font-size:1rem;color:var(--color-text-secondary);flex-shrink:0}.contact-page .contact-links .contact-link:hover{border-color:var(--color-logo-highlight);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.contact-page .contact-links .contact-link:hover i:last-child{color:var(--color-logo-highlight)}.contact-page .contact-footer{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.contact-page .contact-footer .contact-logo{display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;color:var(--color-text-primary);font-weight:600;font-size:1.125rem;margin-bottom:var(--spacing-sm);transition:color .2s ease}.contact-page .contact-footer .contact-logo i{font-size:1.5rem;color:var(--color-logo-highlight)}.contact-page .contact-footer .contact-logo:hover{color:var(--color-logo-highlight)}.contact-page .contact-footer .contact-footer-text{font-size:.875rem;color:var(--color-text-secondary);margin:var(--spacing-sm) 0 0}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;background:rgba(100,100,100,.7);color:#fff;border:none;border-radius:8px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.scroll-to-top i{font-size:1.5rem}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:rgba(80,80,80,.9);transform:translateY(-4px)}.scroll-to-top:active{transform:translateY(-2px)}@media(max-width: 768px){.scroll-to-top{bottom:1.5rem;right:1.5rem;width:2.75rem;height:2.75rem}.scroll-to-top i{font-size:1.25rem}}.not-found-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md)}.not-found-page .not-found-container{max-width:600px;text-align:center}.not-found-page .not-found-icon{margin-bottom:var(--spacing-lg)}.not-found-page .not-found-icon i{font-size:5rem;color:var(--color-logo-highlight)}.not-found-page .not-found-title{font-size:6rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:1}@media(max-width: 768px){.not-found-page .not-found-title{font-size:4rem}}.not-found-page .not-found-subtitle{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}@media(max-width: 768px){.not-found-page .not-found-subtitle{font-size:1.25rem}}.not-found-page .not-found-message{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.not-found-page .not-found-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.not-found-page .not-found-actions .btn-primary,.not-found-page .not-found-actions .btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all .2s ease}.not-found-page .not-found-actions .btn-primary i,.not-found-page .not-found-actions .btn-secondary i{font-size:1.125rem}.not-found-page .not-found-actions .btn-primary{background:var(--color-logo-highlight);color:var(--color-bg-primary);border:2px solid var(--color-logo-highlight)}.not-found-page .not-found-actions .btn-primary:hover{background:rgba(0,0,0,0);color:var(--color-logo-highlight)}.not-found-page .not-found-actions .btn-secondary{background:rgba(0,0,0,0);color:var(--color-text-primary);border:2px solid var(--color-border)}.not-found-page .not-found-actions .btn-secondary:hover{border-color:var(--color-logo-highlight);color:var(--color-logo-highlight)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:var(--color-text);margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-content h1{font-size:2rem;border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.markdown-content p{margin-bottom:1rem;line-height:1.6}.markdown-content pre{background-color:var(--color-border);border-radius:.375rem;padding:1rem;overflow-x:auto;margin:1rem 0}.markdown-content pre code{background:none;padding:0;font-size:.875rem}.markdown-content code{font-family:var(--font-family-monospace);background-color:var(--color-border);padding:.125rem .25rem;border-radius:.25rem;font-size:.875rem}.markdown-content blockquote{border-left:4px solid var(--color-link);padding-left:1rem;margin:1rem 0;color:var(--color-muted);font-style:italic}.markdown-content blockquote p{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin-bottom:1rem;padding-left:2rem}.markdown-content ul li,.markdown-content ol li{margin-bottom:.5rem}