.home__header{position:fixed;top:0;left:0;right:0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:50;border-bottom:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,-webkit-backdrop-filter .2s ease;transition:background-color .2s ease,border-color .2s ease,backdrop-filter .2s ease;transition:background-color .2s ease,border-color .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease}.home__header--scrolled{background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#f3f4f6}.home__header-container{max-width:1280px;margin:0 auto;padding:0 32px}.home__nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.home__logo{display:flex;align-items:center;gap:12px}.home__logo-icon{width:32px;height:32px;border-radius:8px}.home__logo-text{font-size:20px;font-weight:600;color:#111827}.home__cta-button{--color-primary: #3617FF;--color-primary-hover: #2D13CC;display:inline-flex;align-items:center;padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background-color:var(--color-primary);border-radius:9999px;text-decoration:none;transition:background-color .2s}.home__cta-button:hover{background-color:var(--color-primary-hover)}@media (max-width: 768px){.home__header-container{padding:0 20px}.home__logo-text{font-size:18px}.home__cta-button{padding:8px 20px;font-size:13px}}@media (max-width: 480px){.home__logo-icon{width:28px;height:28px}.home__logo-text{font-size:16px}.home__cta-button{padding:8px 16px;font-size:12px}}:root{--font-heading: "Instrument Serif", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-text: #1a1a1a;--color-text-light: #6b6b6b;--color-border: #e6e6e6;--color-link: #000000;--color-link-hover: #4a4a4a;--color-bg: #ffffff;--color-bg-alt: #f7f7f7;--color-code-bg: #f4f4f4;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--max-width-text: 680px;--max-width-wide: 1200px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body.blog{font-family:var(--font-body);font-size:1.125rem;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-main{min-height:calc(100vh - 200px);padding-top:64px}.blog-index{padding:var(--spacing-3xl) 0}.blog-index__container{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--spacing-md)}.blog-index__title{font-family:var(--font-heading);font-size:3rem;font-weight:400;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.blog-index__description{color:var(--color-text-light);font-size:1.125rem;margin-bottom:var(--spacing-2xl);max-width:800px}.blog-index__empty{text-align:center;color:var(--color-text-light);padding:var(--spacing-2xl) 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.blog-card{display:flex;flex-direction:column;transition:transform .2s ease}.blog-card:hover{transform:translateY(-4px)}.blog-card__image-link{display:block;margin-bottom:var(--spacing-md);overflow:hidden;border-radius:4px}.blog-card__image{width:100%;height:auto;display:block;transition:transform .3s ease}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__content{flex:1;display:flex;flex-direction:column}.blog-card__title{font-family:var(--font-heading);font-size:1.75rem;font-weight:400;line-height:1.3;margin-bottom:var(--spacing-sm);letter-spacing:-.01em}.blog-card__link{color:var(--color-text);text-decoration:none;transition:color .2s ease}.blog-card__link:hover{color:var(--color-link-hover)}.blog-card__categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.blog-card__category{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary, #3617FF);background-color:#3617ff1a;border-radius:4px;text-decoration:none;transition:all .2s ease}.blog-card__category:hover{background-color:#3617ff33}.blog-card__excerpt{color:var(--color-text-light);margin-bottom:var(--spacing-md);flex:1}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.blog-card__tag{font-size:.875rem;color:var(--color-text-light);text-decoration:none;transition:color .2s ease}.blog-card__tag:hover{color:var(--color-text)}.blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-light)}.blog-card__date,.blog-card__read-time,.blog-card__author{white-space:nowrap}.blog-card__separator{color:var(--color-border)}.blog-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border)}.blog-pagination__link{color:var(--color-link);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:4px;transition:all .2s ease}.blog-pagination__link:hover:not(.blog-pagination__link--disabled){background-color:var(--color-bg-alt);border-color:var(--color-text)}.blog-pagination__link--disabled{color:var(--color-text-light);opacity:.5;cursor:not-allowed}.blog-pagination__info{color:var(--color-text-light);font-size:.875rem}.blog-post__header{padding:var(--spacing-3xl) 0 var(--spacing-xl)}.blog-post__container{max-width:var(--max-width-text);margin:0 auto;padding:0 var(--spacing-md)}.blog-post__categories{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.blog-post__category{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary, #3617FF);background-color:#3617ff1a;border-radius:4px;text-decoration:none;transition:all .2s ease}.blog-post__category:hover{background-color:#3617ff33}.blog-post__title{font-family:var(--font-heading);font-size:3rem;font-weight:400;line-height:1.2;margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.blog-post__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);font-size:1rem;color:var(--color-text-light)}.blog-post__date,.blog-post__read-time,.blog-post__author{white-space:nowrap}.blog-post__separator{color:var(--color-border)}.blog-post__featured-image{max-width:var(--max-width-wide);margin:0 auto var(--spacing-2xl);padding:0 var(--spacing-md)}.blog-post__featured-image img{width:100%;height:auto;display:block;border-radius:4px}.blog-post__content{padding:var(--spacing-xl) 0}.blog-post__toc{background-color:var(--color-bg-alt);padding:var(--spacing-lg);border-radius:8px;margin-bottom:var(--spacing-2xl)}.blog-post__toc-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:400;margin-bottom:var(--spacing-sm)}.blog-post__toc ul,.blog-post__toc ol{margin:0;padding-left:var(--spacing-lg)}.blog-post__toc ul li,.blog-post__toc ol li{margin-bottom:var(--spacing-xs)}.blog-post__toc a{color:var(--color-text);text-decoration:none}.blog-post__toc a:hover{text-decoration:underline}.blog-post__tags-section{padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border)}.blog-post__tags-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:400;margin-bottom:var(--spacing-md)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.blog-post__tag{display:inline-block;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text);background-color:var(--color-bg-alt);border-radius:999px;text-decoration:none;transition:all .2s ease}.blog-post__tag:hover{background-color:var(--color-border)}.blog-post__footer{padding:var(--spacing-2xl) 0 var(--spacing-3xl);border-top:1px solid var(--color-border)}.blog-post__back-link{color:var(--color-link);text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:color .2s ease}.blog-post__back-link:hover{color:var(--color-link-hover)}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3,.blog-post__content h4,.blog-post__content h5,.blog-post__content h6{font-family:var(--font-heading);font-weight:400;line-height:1.3;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);letter-spacing:-.015em}.blog-post__content h1{font-size:2.5rem}.blog-post__content h2{font-size:2rem}.blog-post__content h3{font-size:1.5rem}.blog-post__content h4{font-size:1.25rem}.blog-post__content h5,.blog-post__content h6{font-size:1.125rem}.blog-post__content p{margin-bottom:var(--spacing-lg)}.blog-post__content a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}.blog-post__content a:hover{color:var(--color-link-hover)}.blog-post__content strong,.blog-post__content b{font-weight:600}.blog-post__content em,.blog-post__content i{font-style:italic}.blog-post__content ul,.blog-post__content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg)}.blog-post__content ul li,.blog-post__content ol li{margin-bottom:var(--spacing-sm)}.blog-post__content ul ul,.blog-post__content ul ol,.blog-post__content ol ul,.blog-post__content ol ol{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.blog-post__content ul{list-style-type:disc}.blog-post__content ol{list-style-type:decimal}.blog-post__content blockquote{margin:var(--spacing-xl) 0;padding-left:var(--spacing-lg);border-left:3px solid var(--color-text);font-style:italic;color:var(--color-text-light)}.blog-post__content blockquote p:last-child{margin-bottom:0}.blog-post__content code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em;background-color:var(--color-code-bg);padding:.2em .4em;border-radius:3px}.blog-post__content pre{margin:var(--spacing-xl) 0;padding:var(--spacing-md);background-color:var(--color-code-bg);border-radius:4px;overflow-x:auto}.blog-post__content pre code{background-color:transparent;padding:0;font-size:.875rem;line-height:1.5}.blog-post__content img{max-width:100%;height:auto;display:block;margin:var(--spacing-xl) auto;border-radius:4px}.blog-post__content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-2xl) 0}.blog-post__content table{width:100%;margin:var(--spacing-xl) 0;border-collapse:collapse;font-size:.9375rem}.blog-post__content table th,.blog-post__content table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}.blog-post__content table th{font-weight:600;background-color:var(--color-bg-alt)}.blog-post__content table tr:last-child td{border-bottom:none}.blog-footer{border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0;margin-top:var(--spacing-3xl)}.blog-footer__container{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--spacing-md);text-align:center}.blog-footer__text{color:var(--color-text-light);font-size:.875rem}@media (max-width: 768px){:root{--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem}.blog-index__title{font-size:2.5rem}.blog-post__title{font-size:2.25rem}.blog-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.blog-card__title{font-size:1.5rem}}@media (max-width: 480px){html{font-size:15px}.blog-index__title{font-size:2rem}.blog-post__title{font-size:1.875rem}.blog-card__title{font-size:1.375rem}}