@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#F0F4F8;--bg-secondary:#E2E8F0;--bg-tertiary:#D6DEE5;--bg-card:#FFFFFF;--bg-card-hover:#F8F8F8;--text-primary:#2C3E50;--text-secondary:#607D8B;--text-tertiary:#4CAF50;--accent-primary:#3498DB;--accent-secondary:#9B59B6;--accent-tertiary:#F39C12;--accent-highlight:#E74C3C;--accent-gradient:linear-gradient(135deg,#3498DB,#4CAF50);--border-primary:#BDC3C7;--border-secondary:#AAB7B8;--border-accent:#3498DB;--shadow-sm:0 1px 2px 0 rgb(38 70 83/0.05);--shadow-md:0 4px 6px -1px rgb(38 70 83/0.1);--shadow-lg:0 10px 15px -3px rgb(38 70 83/0.1);--shadow-glow:0 0 20px rgb(42 157 143/0.15);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,monospace;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.35s ease}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s ease}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.header{text-align:center;padding:var(--space-xl) 0;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:50%;width:200%;height:1px;transform:translateX(-50%);opacity:.5}.header h1,.header:before{background:var(--accent-primary)}.header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--space-sm);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.header-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);margin-bottom:var(--space-lg)}.main{min-height:70vh;position:relative;padding-top:var(--space-lg)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl)}.post-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:var(--space-lg);transition:all var(--transition-normal),background-color .3s ease,border-color .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-primary);transform:translateX(-100%);transition:transform var(--transition-normal)}.post-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.post-card:hover:before{transform:translateX(0)}.post-header h3{margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600;line-height:1.4}.post-header h3 a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.post-header h3 a:hover{color:var(--accent-tertiary)}.post-date{color:var(--text-tertiary);font-size:.875rem;font-weight:500;display:block;margin-bottom:var(--space-sm);font-family:var(--font-mono)}.post-excerpt{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6;font-size:.95rem}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{background:var(--bg-tertiary);color:var(--accent-primary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid var(--border-secondary);transition:all var(--transition-fast)}.tag:hover{background:var(--accent-secondary);color:var(--text-primary);border-color:var(--accent-secondary)}.footer{text-align:center;padding:var(--space-xl) 0;margin-top:var(--space-xl);border-top:1px solid var(--border-primary);color:var(--text-tertiary);font-size:.875rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;width:60%;height:1px;background:var(--accent-primary);transform:translateX(-50%);opacity:.5}.post-content{max-width:900px;margin:0 auto;padding:var(--space-xl) 0;background:var(--bg-secondary);transition:background-color .3s ease}.post-content h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-lg);color:var(--text-primary);font-weight:700;background:var(--accent-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.post-content h2{font-size:clamp(1.5rem,3vw,2rem);margin:var(--space-xl) 0 var(--space-lg);color:var(--text-primary);font-weight:600;position:relative;padding-left:var(--space-md)}.post-content h2:before{content:"";position:absolute;left:0;top:50%;width:4px;height:60%;background:var(--accent-primary);transform:translateY(-50%);border-radius:2px}.post-content h3{font-size:clamp(1.25rem,2.5vw,1.5rem);margin:var(--space-lg) 0 var(--space-md);color:var(--text-primary);font-weight:600}.post-content p{margin-bottom:var(--space-lg);line-height:1.7;color:var(--text-secondary)}.post-content code{background:var(--bg-tertiary);color:var(--accent-primary);padding:.25rem .5rem;border-radius:6px;font-family:var(--font-mono);font-size:.9em;border:1px solid var(--border-secondary)}.post-content pre{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-lg);border-radius:12px;overflow-x:auto;margin:var(--space-lg) 0;border:1px solid var(--border-primary);position:relative;box-shadow:var(--shadow-sm)}.post-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-primary)}.post-content pre code{background:none;padding:0;border:none;color:inherit}.post-content blockquote{border-left:4px solid var(--accent-primary);margin:var(--space-lg) 0;font-style:italic;color:var(--text-secondary);background:var(--bg-card);padding:var(--space-lg);border-radius:0 12px 12px 0}.post-content ol,.post-content ul{margin:var(--space-lg) 0;padding-left:var(--space-xl);color:var(--text-secondary)}.post-content li{margin-bottom:var(--space-sm);line-height:1.6}.post-content strong{color:var(--accent-primary);font-weight:600}.back-link{color:var(--accent-tertiary);text-decoration:none;margin-bottom:var(--space-xl);display:inline-flex;align-items:center;font-weight:500;transition:all var(--transition-fast);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-card)}.back-link:hover{background:var(--bg-card-hover);border-color:var(--accent-tertiary);transform:translateX(-4px)}.back-link:before{content:""}.post-meta{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-primary)}.post-meta .post-date{font-size:1rem;margin-bottom:var(--space-sm)}.post-meta .post-tags{margin-top:var(--space-sm)!important}.intro-section{margin:var(--space-lg) 0;text-align:left}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-xl)}.value-prop{padding:var(--space-xl);background:var(--bg-card);border-radius:16px;border:2px solid var(--border-primary);position:relative;transition:all var(--transition-normal);text-align:center;box-shadow:var(--shadow-sm);overflow:hidden}.value-prop:before{top:0;left:0;right:0;height:4px}.value-prop:after,.value-prop:before{content:"";position:absolute;background:var(--accent-primary)}.value-prop:after{top:var(--space-md);left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;opacity:.1}.value-prop:hover{background:var(--bg-card-hover);border-color:var(--accent-tertiary);transform:translateY(-6px);box-shadow:var(--shadow-lg)}.value-prop:hover:after{opacity:.2;transform:translateX(-50%) scale(1.1)}.value-prop strong{color:var(--accent-primary);font-size:1.1rem;display:block;margin-bottom:var(--space-sm);position:relative;z-index:1}.value-prop-content{position:relative;z-index:1;margin-top:var(--space-lg);color:var(--text-secondary);line-height:1.6}.header-subtitle{font-size:1.1rem;color:#4b5563;font-weight:500;margin-bottom:1rem}.content-pillars{margin-top:var(--space-lg);padding:var(--space-xl) 0;position:relative}.content-pillars:before{content:"";position:absolute;top:0;left:50%;width:80%;height:1px;background:var(--accent-primary);transform:translateX(-50%);opacity:.3}.content-pillars h2{text-align:center;margin-bottom:var(--space-xl);color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.pillar-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:var(--space-lg);text-align:center;transition:all var(--transition-normal),background-color .3s ease,border-color .3s ease;cursor:pointer;position:relative;overflow:hidden;text-decoration:none!important;color:inherit}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent-primary);opacity:0;transition:opacity var(--transition-normal);z-index:0}.pillar-card:hover:before{opacity:.05}.pillar-card:hover{border-color:var(--accent-tertiary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pillar-card>*{position:relative;z-index:1}.pillar-card h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.pillar-card p{color:var(--accent-tertiary);font-size:.9rem;margin:var(--space-sm) 0;font-weight:600;font-family:var(--font-mono)}.pillar-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.pillar-card,.pillar-card:active,.pillar-card:hover,.pillar-card:visited{text-decoration:none!important;color:inherit}.pillar-card *{text-decoration:none!important}.featured-posts{margin:var(--space-xl) 0}.featured-posts h2{margin-bottom:var(--space-xl);color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;text-align:center}.post-header{margin-bottom:var(--space-md)}.tldr-section{background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:12px;padding:var(--space-md);margin:var(--space-md) 0;font-size:.9rem}.tldr-section strong{color:var(--accent-primary)}.faq-section{margin:var(--space-xl) 0;padding:var(--space-xl) 0;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-primary);position:relative;overflow:hidden}.faq-section h2{text-align:center;margin-bottom:var(--space-xl);color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600}.faq-grid,.faq-section h2{position:relative;z-index:1}.faq-grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);max-width:900px;margin:0 auto;padding:0 var(--space-md)}.faq-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:var(--space-lg);transition:all var(--transition-normal),background-color .3s ease,border-color .3s ease}.faq-item:hover{background:var(--bg-card-hover);border-color:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-item h3{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.1rem;line-height:1.4;font-weight:600}.faq-item p{color:var(--accent-tertiary);line-height:1.6;margin:0}[itemscope]{position:relative}.post-card[itemscope]{border:1px solid var(--border-primary)}.post-card[itemscope]:hover{border-color:var(--accent-tertiary)}@media (max-width:1024px){.container{padding:0 var(--space-md)}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-md)}}@media (max-width:768px){:root{--space-xs:0.375rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem}.container{padding:0 var(--space-sm)}.posts-grid{grid-template-columns:1fr;gap:var(--space-md)}.post-card{padding:var(--space-md)}.value-props{grid-template-columns:1fr;gap:var(--space-sm)}.value-prop{padding:var(--space-md)}.pillars-grid{grid-template-columns:1fr;gap:var(--space-md)}.pillar-card{padding:var(--space-md)}.faq-grid{padding:0;gap:var(--space-md)}.faq-item{padding:var(--space-md)}.post-content{padding:var(--space-lg) 0}.post-content h2{padding-left:var(--space-sm)}.post-content h2:before{width:3px}}@media (max-width:480px){.header{padding:var(--space-lg) 0}.back-link{padding:var(--space-xs) var(--space-sm);font-size:.9rem}.tag{padding:.2rem .5rem;font-size:.7rem}}.post-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.view-counter{color:var(--text-tertiary);font-size:.875rem;font-family:var(--font-mono);padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border-secondary)}.comments-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px solid var(--border-primary)}.comments-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg);position:relative;padding-left:var(--space-md)}.comments-section h3:before{content:"";position:absolute;left:0;top:50%;width:4px;height:60%;background:var(--accent-primary);transform:translateY(-50%);border-radius:2px}.comment-form{margin-bottom:var(--space-xl);padding:var(--space-lg);border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.user-info{display:flex;align-items:center;margin-bottom:var(--space-md);font-size:.9rem;color:var(--text-secondary);font-weight:500}.user-avatar{width:28px;height:28px;border-radius:50%;margin-right:var(--space-sm);border:2px solid var(--border-primary)}.comment-textarea{width:100%;padding:var(--space-md);border:1px solid var(--border-secondary);border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical;min-height:120px;line-height:1.6;transition:border-color var(--transition-fast);background:var(--bg-primary);color:var(--text-primary)}.comment-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.submit-button{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--accent-primary);color:white;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-button:disabled{background:var(--border-secondary);cursor:not-allowed;transform:none;box-shadow:none}.signin-prompt{text-align:center;padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:var(--space-xl)}.signin-prompt p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:1.05rem}.signin-button{padding:var(--space-sm) var(--space-lg);background:var(--accent-primary);color:white;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.signin-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.comments-list{margin-top:var(--space-lg)}.comment{padding:var(--space-lg);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:var(--space-lg);background:var(--bg-card);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.comment:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.comment-header{display:flex;align-items:center;margin-bottom:var(--space-md)}.comment-avatar{width:40px;height:40px;border-radius:50%;margin-right:var(--space-md);border:2px solid var(--border-primary)}.comment-meta{display:flex;flex-direction:column}.comment-author{font-weight:600;color:var(--text-primary);font-size:1rem}.comment-date{font-size:.8rem;color:var(--text-tertiary);font-family:var(--font-mono)}.comment-content{line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;font-size:.95rem}@media (max-width:768px){.comment,.comment-form{padding:var(--space-md)}.comment-avatar{width:32px;height:32px}.user-avatar{width:24px;height:24px}}@media (max-width:480px){.post-info{flex-direction:column;align-items:flex-start}.comments-section h3{font-size:1.25rem;padding-left:var(--space-sm)}.comment-header{flex-direction:row;align-items:center}.comment-meta{flex-direction:column}}.post-content table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:.95rem;line-height:1.6;color:var(--text-secondary)}.post-content td,.post-content th{border:1px solid var(--border-primary);padding:var(--space-sm) var(--space-md);text-align:left}.post-content th{background-color:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.post-content tr:nth-child(2n){background-color:var(--bg-tertiary)}.post-content tr:hover{background-color:var(--bg-secondary)}@media (max-width:768px){.post-content table,.post-content tbody,.post-content td,.post-content th,.post-content thead,.post-content tr{display:block}.post-content thead tr{position:absolute;top:-9999px;left:-9999px}.post-content tr{border:1px solid var(--border-primary);margin-bottom:var(--space-md);border-radius:8px;overflow:hidden}.post-content td{border:none;border-bottom:1px solid var(--border-primary);position:relative;padding-left:50%;text-align:right}.post-content td:before{content:attr(data-label);position:absolute;left:0;width:45%;padding-left:var(--space-md);font-weight:600;color:var(--text-primary);text-align:left}}
/*# sourceMappingURL=0b7c26e5939d55a0.css.map*/