@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--font:"Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--bg:#09090b;--surface:#18181b;--surface-hover:#1f1f23;--surface-raised:#27272a;--border:#ffffff0f;--border-hover:#ffffff1f;--text:#a1a1aa;--text-secondary:#71717a;--text-heading:#fafafa;--text-white:#fff;--accent:#22d3ee;--accent-muted:#22d3ee1a;--accent-border:#22d3ee33;--green:#4ade80;--green-muted:#4ade801a;--purple:#a78bfa;--purple-muted:#a78bfa1a;--orange:#fb923c;--orange-muted:#fb923c1a;--radius:16px;--radius-sm:10px;--gap:16px;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}::selection{color:var(--text-white);background:#22d3ee40}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.bento-page{max-width:1200px;padding:var(--gap);margin:0 auto}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#09090bcc;position:sticky;top:0}.navbar-inner{max-width:1200px;padding:0 var(--gap);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.navbar-logo{background:linear-gradient(135deg, var(--accent), #06b6d4);width:32px;height:32px;color:var(--bg);letter-spacing:-.02em;border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.navbar-name{color:var(--text-heading);letter-spacing:-.01em;font-size:.9rem;font-weight:600}.navbar-links{align-items:center;gap:0;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:8px;padding:.4rem .85rem;font-size:.82rem;font-weight:500;transition:color .2s,background .2s}.navbar-links a:hover,.navbar-links a.active{color:var(--text-heading);background:var(--surface)}.mobile-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:.3rem .5rem;font-size:1.1rem;line-height:1;display:none}@media (width<=640px){.mobile-toggle{display:block}.navbar-links{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;padding:.5rem;display:none;position:absolute;top:56px;left:0;right:0}.navbar-links.open{display:flex}.navbar-links a{width:100%;padding:.65rem 1rem}}.bento-grid{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .3s,transform .25s,box-shadow .3s;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.bento-card-inner{flex-direction:column;height:100%;padding:1.75rem;display:flex}.card-bg-image{opacity:.2;background-position:top;background-size:cover;transition:opacity .4s,transform .6s;position:absolute;inset:0}.bento-card:hover .card-bg-image{opacity:.3;transform:scale(1.03)}.card-hero{grid-area:span 2/span 2;min-height:380px}.card-hero .bento-card-inner{z-index:1;background:radial-gradient(at 20% 80%,#22d3ee14 0%,#0000 60%),radial-gradient(at 80% 20%,#a78bfa0f 0%,#0000 50%);justify-content:flex-end;position:relative}.hero-avatar{object-fit:cover;border:3px solid #22d3ee4d;border-radius:50%;width:80px;height:80px;margin-bottom:1.25rem}.hero-status{color:var(--green);background:var(--green-muted);border-radius:100px;align-items:center;gap:.45rem;width:fit-content;margin-bottom:1.25rem;padding:.3rem .75rem;font-size:.72rem;font-weight:500;display:inline-flex}.hero-status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card-hero h1{color:var(--text-heading);letter-spacing:-.035em;margin-bottom:.85rem;font-size:2.4rem;font-weight:700;line-height:1.15}.card-hero h1 .accent{color:var(--accent)}.card-hero p{color:var(--text);max-width:420px;font-size:1rem;line-height:1.7}.card-stat{grid-column:span 1}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:1.25rem;font-size:1.15rem;display:flex}.stat-icon.cyan{background:var(--accent-muted)}.stat-icon.purple{background:var(--purple-muted)}.stat-icon.green{background:var(--green-muted)}.stat-icon.orange{background:var(--orange-muted)}.stat-number{color:var(--text-heading);letter-spacing:-.04em;margin-bottom:.35rem;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.card-specialties{grid-column:span 2}.card-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1rem;font-size:.68rem;font-weight:600}.specialty-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.specialty-item{background:var(--surface-hover);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);align-items:center;gap:.6rem;padding:.7rem .85rem;font-size:.82rem;font-weight:500;transition:border-color .2s;display:flex}.specialty-item:hover{border-color:var(--border-hover)}.specialty-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.specialty-dot.cyan{background:var(--accent)}.specialty-dot.green{background:var(--green)}.specialty-dot.purple{background:var(--purple)}.specialty-dot.orange{background:var(--orange)}.articles-header{grid-column:span 4;justify-content:space-between;align-items:center;padding:1rem 0 0;display:flex}.articles-title{color:var(--text-heading);letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.articles-count{color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:.3rem .75rem;font-size:.75rem;font-weight:500}.card-article{grid-column:span 2}.card-article a{flex-direction:column;height:100%;text-decoration:none;display:flex}.article-accent{background:linear-gradient(90deg, var(--accent), transparent);opacity:0;height:3px;transition:opacity .3s}.card-article:hover .article-accent{opacity:1}.article-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.article-date{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:.72rem;font-weight:500}.article-title{color:var(--text-heading);letter-spacing:-.015em;margin-bottom:.65rem;font-size:1.2rem;font-weight:600;line-height:1.35;transition:color .2s}.card-article:hover .article-title{color:var(--accent)}.article-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.article-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.article-tags{gap:.3rem;display:flex}.article-tag{background:var(--accent-muted);color:var(--accent);letter-spacing:.01em;border-radius:100px;padding:.18rem .55rem;font-size:.65rem;font-weight:500}.article-read{color:var(--accent);align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;transition:gap .2s;display:inline-flex}.card-article:hover .article-read{gap:.5rem}.card-article.featured{grid-column:span 4}.card-article.featured a{flex-direction:row}.card-article.featured .article-accent{background:linear-gradient(180deg, var(--accent), transparent);width:3px;height:auto}.card-article.featured .article-body{padding:2rem}.card-article.featured .article-title{font-size:1.5rem}.card-article.featured .article-excerpt{-webkit-line-clamp:4;max-width:600px}.card-contact{grid-column:span 2}.contact-links{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.contact-link{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:border-color .2s,color .2s;display:flex}.contact-link:hover{border-color:var(--accent-border);color:var(--text-heading)}.contact-link-icon{font-size:1.1rem}.card-about{grid-column:span 2}.about-bio{color:var(--text);margin-top:.5rem;font-size:.92rem;line-height:1.8}.site-footer{border-top:1px solid var(--border);margin-top:var(--gap)}.footer-inner{max-width:1200px;padding:2rem var(--gap);color:var(--text-secondary);justify-content:space-between;align-items:center;margin:0 auto;font-size:.78rem;display:flex}.footer-links{gap:1.25rem;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);transition:color .2s}.footer-links a:hover{color:var(--text-heading)}.post-page{max-width:1200px;padding:var(--gap);margin:0 auto}.post-header-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--gap);background:radial-gradient(ellipse at 10% 90%, #22d3ee0f 0%, transparent 50%), radial-gradient(ellipse at 90% 10%, #a78bfa0a 0%, transparent 50%), var(--surface);padding:2.5rem}.back-link{color:var(--accent);background:var(--accent-muted);border-radius:8px;align-items:center;gap:.35rem;margin-bottom:1.75rem;padding:.35rem .8rem;font-size:.8rem;font-weight:500;transition:background .15s;display:inline-flex}.back-link:hover{background:var(--accent-border)}.post-header-card h1{color:var(--text-heading);letter-spacing:-.03em;max-width:720px;margin-bottom:1.25rem;font-size:2.4rem;font-weight:700;line-height:1.2}.post-meta{align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.author-avatar{background:linear-gradient(135deg, var(--accent), #06b6d4);width:36px;height:36px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.author-avatar-img{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:40px;height:40px}.post-meta-text{flex-direction:column;display:flex}.post-meta .author{color:var(--text-heading);font-size:.85rem;font-weight:600}.post-meta time{color:var(--text-secondary);font-size:.75rem}.tags{flex-wrap:wrap;gap:.35rem;display:flex}.tag{background:var(--accent-muted);color:var(--accent);border-radius:100px;padding:.18rem .55rem;font-size:.65rem;font-weight:500}.post-content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem}.post-content-wrap{max-width:720px}.post-content{color:var(--text);font-size:1.02rem;line-height:1.9}.post-content h2{color:var(--text-heading);letter-spacing:-.02em;border-top:1px solid var(--border);margin:2.5rem 0 1rem;padding-top:1.5rem;font-size:1.5rem;font-weight:700;line-height:1.25}.post-content h2:first-child{border-top:none;margin-top:0;padding-top:0}.post-content h3{color:var(--text-heading);margin:2rem 0 .75rem;font-size:1.2rem;font-weight:600;line-height:1.3}.post-content p{margin-bottom:1.4rem}.post-content ul,.post-content ol{margin-bottom:1.4rem;padding-left:1.5rem}.post-content li{margin-bottom:.45rem;line-height:1.8}.post-content li::marker{color:var(--accent)}.post-content strong{color:var(--text-heading);font-weight:600}.post-content em{color:var(--text);font-style:italic}.card-image{grid-column:span 1;min-height:240px;position:relative}.card-image .card-bg-image{opacity:.5;filter:brightness(.7)}.card-image:hover .card-bg-image{opacity:.65;filter:brightness(.8)}.card-image-overlay{z-index:1;background:linear-gradient(#0000 0%,#09090be6 100%);flex-direction:column;gap:.25rem;padding:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.card-image-label{color:var(--text-heading);letter-spacing:-.01em;font-size:1rem;font-weight:700}.card-image-sub{color:var(--text-secondary);font-size:.78rem;line-height:1.5}.card-image-wide{grid-column:span 2;min-height:220px}.featured-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--bg);background:var(--accent);border-radius:4px;width:fit-content;margin-bottom:.65rem;padding:.2rem .6rem;font-size:.62rem;font-weight:700;display:inline-block}.card-link{color:var(--accent);align-items:center;gap:.3rem;margin-top:auto;padding-top:1rem;font-size:.82rem;font-weight:600;transition:gap .2s;display:inline-flex}.card-link:hover{gap:.5rem}.about-page-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:760px;margin:0 auto;padding:2.5rem}.about-page-card h1{color:var(--text-heading);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.about-page-content{color:var(--text);font-size:1rem;line-height:1.85}.about-page-content p{margin-bottom:1.25rem}.about-page-content a{color:var(--accent);font-weight:500}.about-page-content a:hover{text-decoration:underline}.not-found{text-align:center;padding:6rem 2rem}.not-found h1{color:var(--text-heading);margin-bottom:1rem;font-size:2rem}.not-found a{color:var(--accent)}@media (width<=900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.articles-header,.card-article.featured,.card-image-wide{grid-column:span 2}.card-article.featured a{flex-direction:column}.card-article.featured .article-accent{width:auto;height:3px}}@media (width<=640px){:root{--gap:12px;--radius:14px}.bento-grid{grid-template-columns:1fr}.card-hero,.card-specialties,.card-article,.card-article.featured,.card-contact,.card-about,.card-image,.card-image-wide,.articles-header{grid-column:span 1}.card-hero h1{font-size:1.8rem}.specialty-grid{grid-template-columns:1fr}.post-header-card,.post-content-card{padding:1.5rem}.post-header-card h1{font-size:1.7rem}.footer-inner{text-align:center;flex-direction:column;gap:.75rem}.toc{display:none}}.navbar-right{align-items:center;gap:.25rem;display:flex}.theme-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;margin-left:.25rem;padding:.35rem .5rem;font-size:1rem;line-height:1;transition:border-color .2s,color .2s}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-heading)}[data-theme=light]{--bg:#fcfcfa;--surface:#fff;--surface-hover:#f8f8f6;--surface-raised:#f0f0ee;--border:#00000014;--border-hover:#00000026;--text:#4a4a4a;--text-secondary:#777;--text-muted:#999;--text-heading:#111;--text-white:#111;--accent:#0891b2;--accent-muted:#0891b214;--accent-border:#0891b233;--green:#16a34a;--green-muted:#16a34a14;--purple:#7c3aed;--purple-muted:#7c3aed14;--orange:#ea580c;--orange-muted:#ea580c14}[data-theme=light] .navbar{background:#fcfcfad9;border-bottom-color:#0000000f}[data-theme=light] .navbar-logo{color:#fff}[data-theme=light] .navbar-links a{color:#777}[data-theme=light] .navbar-links a:hover,[data-theme=light] .navbar-links a.active{color:#111;background:#0000000a}[data-theme=light] .site-footer{background:#f5f5f3;border-top-color:#0000000f}[data-theme=light] .footer-links a{color:#777}[data-theme=light] .footer-links a:hover{color:#111}[data-theme=light] .reading-progress{background:var(--accent)}.reading-progress{background:linear-gradient(90deg, var(--accent), var(--green));z-index:99;border-radius:0 2px 2px 0;height:3px;transition:width .1s linear;position:fixed;top:56px;left:0}.page-transition{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(8px)}.page-transition.page-enter{opacity:1;transform:translateY(0)}.scroll-reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(24px)}.scroll-reveal.animate-in{opacity:1;transform:translateY(0)}.scroll-reveal:nth-child(2){transition-delay:50ms}.scroll-reveal:nth-child(3){transition-delay:.1s}.scroll-reveal:nth-child(4){transition-delay:.15s}.scroll-reveal:nth-child(5){transition-delay:.2s}.scroll-reveal:nth-child(6){transition-delay:.1s}.scroll-reveal:nth-child(7){transition-delay:.15s}.post-content blockquote{border-left:3px solid var(--accent);background:var(--accent-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.75rem 0;padding:1.25rem 1.5rem}.post-content blockquote p{color:var(--text);margin-bottom:0;font-style:italic}.post-layout{position:relative}.toc{float:right;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:240px;max-height:calc(100vh - 120px);margin-bottom:2rem;margin-left:2rem;padding:1rem;position:sticky;top:80px;overflow-y:auto}.toc-toggle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem;padding:0;font-size:.72rem;font-weight:600;display:flex}.toc-toggle-icon{font-size:.8rem}.toc-list{list-style:none}.toc-item{margin-bottom:.25rem}.toc-item a{color:var(--text-secondary);border-left:2px solid #0000;border-radius:4px;padding:.3rem .5rem;font-size:.78rem;line-height:1.4;transition:color .2s,border-color .2s,background .2s;display:block}.toc-item a:hover{color:var(--text-heading);background:var(--surface-hover)}.toc-active a{color:var(--accent);border-left-color:var(--accent);background:var(--accent-muted)}.toc-level-3 a{padding-left:1.25rem;font-size:.72rem}@media (width<=1100px){.toc{float:none;width:100%;margin:0 0 var(--gap) 0;max-height:none;position:relative;top:auto}.toc-list{display:none}.toc-open .toc-list{display:block}}@media (width>=1101px){.toc-toggle{pointer-events:none}.toc-toggle-icon{display:none}.toc-list{display:block!important}}.related-posts{margin-top:var(--gap)}.related-title{color:var(--text-heading);letter-spacing:-.01em;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.related-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:border-color .2s,transform .2s,box-shadow .2s}.related-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.related-date{color:var(--text-muted);margin-bottom:.5rem;font-size:.72rem}.related-card-title{color:var(--text-heading);margin-bottom:.65rem;font-size:1rem;font-weight:600;line-height:1.35;transition:color .2s}.related-card:hover .related-card-title{color:var(--accent)}.related-tags{gap:.3rem;display:flex}