:root{--background-light: #ffffff;--text-primary-light: #1a1a1a;--text-secondary-light: #666666;--text-muted-light: #999999;--border-light: #e5e5e5;--code-bg-light: #f5f5f5;--blockquote-bg-light: #f9f9f9;--pre-bg-light: #f8f8f8;--table-bg-light: #f9f9f9;--accent-light: #3b82f6;--accent-hover-light: #2563eb;--shadow-light: rgba(0, 0, 0, .1);--gradient-light: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--background-dark: #0f172a;--text-primary-dark: #ffffff;--text-secondary-dark: #ffffff;--text-muted-dark: #666666;--border-dark: #333333;--code-bg-dark: rgba(255, 255, 255, .1);--blockquote-bg-dark: rgba(255, 255, 255, .02);--pre-bg-dark: rgba(255, 255, 255, .05);--table-bg-dark: rgba(255, 255, 255, .05);--accent-dark: #60a5fa;--accent-hover-dark: #3b82f6;--shadow-dark: rgba(0, 0, 0, .3);--gradient-dark: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-light: #764ba2;--text_color: #1a1a1a;--secondary: var(--text-secondary-light)}.container__blog{width:100%;margin:0;padding:3rem 2rem;background:light-dark(var(--background-light),var(--background-dark));color:light-dark(var(--text-primary-light),var(--text-primary-dark));min-height:100vh;font-family:atkinson,sans-serif;line-height:1.6;box-sizing:border-box;position:relative;overflow-x:hidden;counter-reset:section-counter}.container__blog:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,light-dark(rgba(59,130,246,.03),rgba(96,165,250,.05)) 0%,transparent 50%),radial-gradient(circle at 80% 80%,light-dark(rgba(139,92,246,.03),rgba(168,85,247,.05)) 0%,transparent 50%);pointer-events:none;z-index:-1}.blog-post-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-inline:auto;position:relative;animation:fadeInUp .8s ease-out}.blog-title{font-size:clamp(1.5rem,4vw,2.5rem);background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 1rem;line-height:1.2;font-weight:600;text-align:center}.blog-description{margin:0 auto;margin-top:1rem;max-width:42rem;font-size:clamp(1rem,2vw,1.25rem);color:light-dark(var(--text-secondary-light),var(--text-secondary-dark));line-height:1.5;text-align:center}.blog-post-meta{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.1rem;color:light-dark(var(--text-secondary-light),var(--text-secondary-dark));margin-top:1rem;padding:.75rem 1.5rem;background:light-dark(rgba(255,255,255,.5),rgba(255,255,255,.05));border-radius:20px;border:1px solid light-dark(var(--border-light),var(--border-dark));backdrop-filter:blur(10px);transition:all .3s ease}.blog-post-meta:hover{transform:translateY(-1px);box-shadow:0 4px 12px light-dark(var(--shadow-light),var(--shadow-dark))}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-icon{width:20px;height:20px;stroke-width:2}.markdown-content{margin-top:2rem;max-width:min(90vw,90%);margin-inline:auto;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.7;color:light-dark(var(--text-primary-light),var(--text-primary-dark));animation:fadeIn 1s ease-out .3s both;text-align:left;counter-reset:section-counter}.markdown-content h2:first-of-type{font-size:clamp(1.25rem,3vw,2rem);margin-top:2.5rem;margin-left:0;color:light-dark(var(--text-primary-light),var(--text-primary-dark));font-weight:600;line-height:1.3;letter-spacing:-.02em;position:relative;transition:all .3s ease;text-align:left}.markdown-content h2:not(:first-of-type){font-size:clamp(1.25rem,3vw,2rem);margin-top:2.5rem;margin-left:0;color:light-dark(var(--text-primary-light),var(--text-primary-dark));font-weight:600;line-height:1.3;letter-spacing:-.02em;position:relative;transition:all .3s ease;text-align:left;counter-increment:section-counter;counter-reset:subsection-counter}.markdown-content h2:not(:first-of-type):before{content:counter(section-counter) ". ";color:var(--primary);font-weight:700;margin-right:.75rem}.markdown-content h3{font-size:clamp(1.1rem,2.5vw,1.5rem);margin-top:2.25rem;margin-left:0;color:light-dark(var(--text-primary-light),var(--text-primary-dark));font-weight:600;line-height:1.3;letter-spacing:-.02em;position:relative;transition:all .3s ease;text-align:left;counter-increment:subsection-counter}.markdown-content h3:before{content:counter(section-counter) "." counter(subsection-counter) " ";color:var(--primary);font-weight:600;margin-right:.75rem}.markdown-content h4{font-size:clamp(1rem,2vw,1.2rem);margin-top:2rem;color:light-dark(var(--text-primary-light),var(--text-primary-dark));font-weight:600;line-height:1.3;letter-spacing:-.02em;position:relative;transition:all .3s ease;text-align:left}.markdown-content h5{font-size:clamp(.95rem,1.5vw,1.05rem);margin-top:1.75rem;color:light-dark(var(--text-primary-light),var(--text-primary-dark));font-weight:600;line-height:1.3;letter-spacing:-.02em;position:relative;transition:all .3s ease;text-align:left}.markdown-content p{margin-bottom:.85rem;line-height:inherit;color:light-dark(var(--text-primary-light),var(--text-primary-dark));transition:color .3s ease;text-align:left}.markdown-content strong{color:var(--primary);font-weight:600}.markdown-content em{font-style:italic;color:light-dark(var(--text-secondary-light),var(--text-secondary-dark))}.markdown-content a{color:light-dark(var(--accent-light),var(--accent-dark));text-decoration:none;position:relative;transition:all .3s ease;border-bottom:1px solid transparent}.markdown-content a:before{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:light-dark(var(--accent-light),var(--accent-dark));transition:width .3s ease}.markdown-content a:hover{color:light-dark(var(--accent-hover-light),var(--accent-hover-dark));transform:translateY(-1px)}.markdown-content a:hover:before{width:100%}.markdown-content blockquote{margin:1.25rem 0;padding:.85rem 1.75rem;border-left:4px solid light-dark(var(--accent-light),var(--accent-dark));background:light-dark(var(--blockquote-bg-light),var(--blockquote-bg-dark));color:light-dark(var(--text-secondary-light),var(--text-secondary-dark));font-style:italic;font-size:1.15rem;border-radius:0 8px 8px 0;position:relative;transition:all .3s ease;text-align:left}.markdown-content blockquote:before{content:'"';position:absolute;top:-10px;left:10px;font-size:3rem;color:light-dark(var(--accent-light),var(--accent-dark));opacity:.3}.markdown-content blockquote:hover{transform:translate(5px);box-shadow:0 2px 8px light-dark(var(--shadow-light),var(--shadow-dark))}.markdown-content pre{margin:1.25rem 0;padding:.9rem;background:light-dark(var(--pre-bg-light),var(--pre-bg-dark));border:1px solid light-dark(var(--border-light),var(--border-dark));border-radius:12px;overflow-x:auto;font-size:1.05rem;line-height:1.6;color:light-dark(var(--text-primary-light),var(--text-primary-dark));font-family:Fira Code,monospace;position:relative;transition:all .3s ease;text-align:left}.markdown-content pre:hover{box-shadow:0 4px 12px light-dark(var(--shadow-light),var(--shadow-dark));transform:translateY(-2px)}.markdown-content code{background:light-dark(var(--code-bg-light),var(--code-bg-dark));color:var(--primary);padding:.1rem .4rem;border-radius:6px;font-size:.95em;font-family:Fira Code,monospace;font-weight:500;border:1px solid light-dark(var(--border-light),var(--border-dark))}.markdown-content pre code{background:none;padding:0;border-radius:0;border:none;color:inherit}.markdown-content ul,.markdown-content ol{margin:1rem 0;padding-left:2rem;color:light-dark(var(--text-primary-light),var(--text-primary-dark));list-style-position:outside;font-size:inherit;text-align:left}.markdown-content ul{list-style:disc}.markdown-content ul ul{list-style:circle}.markdown-content ul ul ul{list-style:square}.markdown-content ol{list-style:decimal}.markdown-content ol ol{list-style:lower-alpha}.markdown-content ol ol ol{list-style:lower-roman}.markdown-content li{margin-bottom:.5rem;line-height:inherit;transition:all .3s ease;position:relative;text-align:left}.markdown-content li:before{content:none}.markdown-content hr{display:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.container__blog{padding:1.75rem 1rem}.blog-post-header{margin-bottom:2.5rem}.blog-post-meta{flex-direction:column;gap:.6rem;align-items:center;padding:.5rem 1rem}.blog-title{font-size:2.25rem}.blog-description{font-size:1.1rem}.markdown-content{font-size:1.1rem;line-height:1.65;padding:0 .75rem}.markdown-content h2:not(:first-of-type){font-size:1.8rem}.markdown-content h3{font-size:1.5rem}.markdown-content h4{font-size:1.3rem}.markdown-content h5{font-size:1.1rem}.markdown-content blockquote{padding:.65rem 1.25rem}.markdown-content pre{padding:.65rem;font-size:.95rem}.markdown-content ul,.markdown-content ol{padding-left:1.5rem}}@media (max-width: 480px){.container__blog{padding:1.25rem .75rem}.blog-title{font-size:1.85rem}.markdown-content h2:not(:first-of-type){font-size:1.55rem}.markdown-content h3{font-size:1.35rem}.markdown-content h4{font-size:1.2rem}.markdown-content h5{font-size:1.05rem}.markdown-content ul,.markdown-content ol{padding-left:1rem}}