:root{--bg-color: #faf9f6;--bg-surface: #ffffff;--bg-surface-hover: #f5f4f0;--border-line: #e3e0d8;--border-line-strong: #8c8980;--accent-color: #0f3e2b;--accent-color-hover: #1b5e3a;--accent-color-light: rgba(15, 62, 43, .08);--text-ink: #1c1a17;--text-ink-muted: #5c5954;--text-ink-faint: #8e8b82;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: all .2s cubic-bezier(.16, 1, .3, 1);--transition-smooth: all .3s cubic-bezier(.16, 1, .3, 1);font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--text-ink);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden;color:var(--text-ink);background-color:var(--bg-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-line-strong);border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}::selection{background:var(--accent-color-light);color:var(--accent-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--text-ink);letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.text-mono{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em}.container-site{width:100%;max-width:1440px;margin:0 auto;padding:0 4rem}@media (max-width: 1024px){.container-site{padding:0 2.5rem}}@media (max-width: 768px){.container-site{padding:0 1.5rem}}.border-b-line{border-bottom:1px solid var(--border-line)}.border-line{border:1px solid var(--border-line)}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-color);position:relative}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border-line);background-color:#faf9f6d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:4.5rem}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%}.logo-container{display:inline-flex;align-items:center;gap:.75rem}.logo-badge{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--border-line);background-color:var(--bg-surface);color:var(--accent-color);transition:border-color var(--transition-fast);font-weight:700;font-family:var(--font-display)}.logo-container:hover .logo-badge{border-color:var(--accent-color)}.logo-text{font-family:var(--font-display);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--text-ink)}.logo-text-muted{font-weight:400;color:var(--text-ink-muted)}.nav-links{display:flex;align-items:center;gap:2.25rem}@media (max-width: 768px){.nav-links{display:none}}.nav-item{color:var(--text-ink-muted);cursor:pointer}.nav-item:hover{color:var(--accent-color)}.cta-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-line-strong);padding:.5rem 1.25rem;border-radius:2px;background-color:transparent;color:var(--text-ink);transition:var(--transition-fast);cursor:pointer}.cta-button:hover{border-color:var(--accent-color);background-color:var(--accent-color);color:var(--bg-color)}.main-content{flex:1}.page-section{border-bottom:1px solid var(--border-line);padding:5.5rem 0}@media (max-width: 768px){.page-section{padding:3.5rem 0}}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}}.hero-tagline{font-size:3.5rem;line-height:1.08;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-tagline-muted{display:block;color:var(--text-ink-muted);font-weight:400}.hero-description{font-size:1.1rem;line-height:1.6;color:var(--text-ink-muted);margin-bottom:2.5rem;max-width:580px}@media (max-width: 768px){.hero-description{margin-left:auto;margin-right:auto}}.social-icons-row{display:flex;gap:.75rem}@media (max-width: 768px){.social-icons-row{justify-content:center}}.social-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--border-line);background-color:var(--bg-surface);color:var(--text-ink-muted);transition:var(--transition-fast)}.social-btn:hover{color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px)}.profile-image-container{display:flex;justify-content:flex-end}@media (max-width: 768px){.profile-image-container{justify-content:center;order:-1}}.profile-border-wrapper{overflow:hidden;border:1px solid var(--border-line);background-color:var(--bg-surface);padding:.75rem}.profile-display-pic{display:block;width:260px;height:260px;object-fit:cover;border:1px solid var(--border-line)}.section-meta-heading{color:var(--accent-color);margin-bottom:.75rem}.section-main-title{font-size:2.25rem;line-height:1.2;margin-bottom:2.5rem}.blog-cards-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.blog-item-card{display:flex;flex-direction:column;border:1px solid var(--border-line);background-color:var(--bg-surface);padding:2.25rem;transition:var(--transition-smooth)}.blog-item-card:hover{border-color:var(--accent-color);background-color:var(--bg-surface-hover)}.card-top-meta{color:var(--text-ink-faint);margin-bottom:1.25rem}.card-title{font-size:1.5rem;margin-bottom:.75rem}.card-excerpt{color:var(--text-ink-muted);font-size:.95rem;line-height:1.6;margin-bottom:2rem;max-width:800px}.card-bottom-row{display:flex;justify-content:flex-end}.read-article-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border-line-strong);padding:.5rem 1.25rem;background-color:transparent;color:var(--text-ink);transition:var(--transition-fast);cursor:pointer}.blog-item-card:hover .read-article-btn{border-color:var(--accent-color);background-color:var(--accent-color);color:var(--bg-color)}.read-article-btn svg{transition:transform var(--transition-fast)}.blog-item-card:hover .read-article-btn svg{transform:translate(4px)}.tech-stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.tech-stack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.tech-stack-grid{grid-template-columns:1fr}}.tech-column{border:1px solid var(--border-line);background-color:var(--bg-surface);padding:1.75rem}.tech-column-title{font-size:1.125rem;border-bottom:1px solid var(--border-line);padding-bottom:.75rem;margin-bottom:1.25rem}.tech-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{border:1px solid var(--border-line);padding:.35rem .65rem;font-size:.8rem;color:var(--text-ink-muted);background-color:var(--bg-color)}.article-reader{max-width:100%;margin:0 auto;padding:4rem 0;animation:page-fade-in .3s ease-out forwards}.article-grid{display:grid;grid-template-columns:220px 1fr;gap:4rem;align-items:start}@media (max-width: 900px){.article-grid{grid-template-columns:1fr;gap:2.5rem}}.article-left-col{position:sticky;top:7rem}.article-right-col{min-width:0}@media (max-width: 900px){.article-left-col{position:static;border-bottom:1px solid var(--border-line);padding-bottom:1.5rem}}.article-metadata-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;border-top:1px solid var(--border-line);padding-top:1.5rem}@media (max-width: 900px){.article-metadata-list{flex-direction:row;flex-wrap:wrap;gap:2rem;margin-top:1rem;padding-top:1.5rem}}.metadata-item-label{color:var(--text-ink-faint);font-size:.75rem;margin-bottom:.25rem;white-space:nowrap}.metadata-item-value{font-size:.9rem;font-weight:500;color:var(--text-ink-muted);white-space:nowrap}.btn-back{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border-line);padding:.5rem 1.25rem;background-color:var(--bg-surface);color:var(--text-ink-muted);cursor:pointer;margin-bottom:3rem;transition:var(--transition-fast)}.btn-back:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translate(-4px)}.article-header{border-bottom:1px solid var(--border-line);padding-bottom:1.75rem;margin-bottom:2.5rem}.article-meta{color:var(--text-ink-faint);margin-bottom:.75rem}.article-title{font-size:2.75rem;line-height:1.15}@media (max-width: 600px){.article-title{font-size:2rem}}.article-body{font-size:1.05rem;line-height:1.75;color:var(--text-ink-muted)}.article-body p{margin-bottom:1.5rem}.article-body h3{font-size:1.35rem;margin-top:2rem;margin-bottom:.75rem;color:var(--text-ink)}.article-body ul,.article-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-body strong{color:var(--text-ink);font-weight:600}.footer{border-top:1px solid var(--border-line);background-color:var(--bg-surface);padding:4rem 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:flex-start}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:2.5rem}}.footer-description{color:var(--text-ink-muted);font-size:.95rem;margin-top:1rem;max-width:380px}.footer-links-title{margin-bottom:1rem}.footer-links-list{display:flex;flex-direction:column;gap:.75rem}.footer-link-item{color:var(--text-ink-muted)}.footer-link-item:hover{color:var(--accent-color)}.footer-bottom-row{margin-top:4rem;border-t:1px solid var(--border-line);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-ink-faint)}@media (max-width: 600px){.footer-bottom-row{flex-direction:column;gap:.75rem;text-align:center}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.article-body table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:2.5rem 0;font-family:var(--font-body);font-size:.95rem}.article-body th{background-color:var(--accent-color-light);color:var(--accent-color);font-family:var(--font-display);font-weight:600;text-align:left;border-bottom:2px solid var(--border-line);white-space:nowrap}.article-body th,.article-body td{padding:.85rem 1.25rem;border:1px solid var(--border-line)}.article-body td{white-space:nowrap}.article-body tr:nth-child(2n){background-color:#f5f4f066}.article-body tr:hover{background-color:#f5f4f0d9}.article-body a{color:var(--accent-color);text-decoration:underline;text-underline-offset:4px}.article-body a:hover{color:var(--accent-color-hover)}.article-body p{margin-bottom:1.5rem;word-wrap:break-word;word-break:break-word}.article-body code{font-family:var(--font-mono);font-size:.85em;background-color:var(--bg-surface-hover);padding:.2rem .45rem;border:1px solid var(--border-line);word-break:break-all;white-space:pre-wrap}.article-body pre{width:100%;overflow-x:auto;background-color:var(--bg-surface-hover);border:1px solid var(--border-line);padding:1.25rem;margin:2rem 0}.article-body pre code{background-color:transparent;padding:0;border:none;font-size:.9em;white-space:pre;word-break:normal;word-wrap:normal}