@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;src:url("../fonts/SpaceGrotesk[wght].woff2") format("woff2")}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url("../fonts/Roboto-Latin-Ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url("../fonts/Roboto-Latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-]{margin:2rem 0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}code[class*=language-]{font-family:"Consolas","Monaco","Courier New",monospace;font-size:.9375rem}.articles-filter-bar{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:2rem}.articles-filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid #e2e8f0;border-radius:999px;background:rgba(0,0,0,0);color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.articles-filter-btn:hover{border-color:#00aca8;color:#00aca8}.articles-filter-btn.active{background:#00aca8;border-color:#00aca8;color:#fff}.articles-filter-btn.active .articles-filter-count{background:hsla(0,0%,100%,.25);color:#fff}.articles-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;background:#f8fafc;color:#64748b;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.articles-empty-filter{color:#64748b;padding:2rem 0;text-align:center}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem;margin-top:2rem}.article-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.75rem;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;height:100%}.article-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.12);transform:translateY(-4px)}.article-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.article-category{display:inline-block;background:rgba(0,172,168,.1);color:#007f79;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.article-date{color:#64748b;font-size:.875rem}.article-card-title{margin:0 0 1rem 0;font-size:1.375rem;font-weight:700;line-height:1.3}.article-card-title a{color:#007f79;text-decoration:none;transition:color .2s cubic-bezier(0.4, 0, 0.2, 1)}.article-card-title a:hover{color:#00aca8}.article-card-excerpt{color:#475569;margin-bottom:1.25rem;line-height:1.6;flex-grow:1}.article-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:.75rem}.article-reading-time{color:#64748b;font-size:.875rem;display:flex;align-items:center;gap:.375rem}.article-reading-time i{font-size:.875rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-tag{display:inline-block;background:#f8fafc;color:#475569;padding:.25rem .625rem;border-radius:4px;font-size:.75rem;font-weight:500}.article-article{margin-top:0}.article-article-header{background:#f8fafc;padding:3rem 0}.article-article-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;font-size:.875rem}.article-article-excerpt{font-size:1.25rem;color:#475569;margin:1.5rem 0;line-height:1.6}.article-article-content{max-width:1000px;margin:0 auto;font-size:1.0625rem;line-height:1.75;color:#475569}.article-article-content h2{color:#007f79;margin-top:3rem;margin-bottom:1.25rem;font-size:1.875rem;font-weight:700;line-height:1.2}.article-article-content h2:first-child{margin-top:0}.article-article-content h3{color:#007f79;margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.article-article-content p{margin-bottom:1.5rem}.article-article-content ul,.article-article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-article-content ul li,.article-article-content ol li{margin-bottom:.5rem}.article-article-content pre{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;font-size:.9375rem;line-height:1.6}.article-article-content pre code{background:rgba(0,0,0,0);color:inherit;padding:0;font-size:inherit}.article-article-content code{background:#f8fafc;color:#ef4444;padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:"Consolas","Monaco","Courier New",monospace}.article-article-content a{color:#00aca8;text-decoration:underline;transition:color .2s cubic-bezier(0.4, 0, 0.2, 1)}.article-article-content a:hover{color:#007f79}.article-article-content strong{color:#007f79;font-weight:700}.article-article-content blockquote{border-left:4px solid #00aca8;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#475569}.article-article-cta{background:#f8fafc;padding:2.5rem;border-radius:12px;text-align:center}.article-article-cta h2{margin-top:0;margin-bottom:1rem}.article-article-cta p{font-size:1.125rem;color:#475569;margin-bottom:1.5rem}.article-navigation{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-top:3rem}.article-nav-link{display:block;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.article-nav-link:hover{box-shadow:0 2px 4px rgba(0,0,0,.08);border-color:#00aca8}.article-nav-link.article-nav-prev{text-align:left}.article-nav-link.article-nav-next{text-align:right}.article-nav-label{display:block;font-size:.875rem;color:#64748b;margin-bottom:.5rem}.article-nav-title{display:block;font-size:1.125rem;color:#007f79;font-weight:600}.article-related{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.article-related-card{padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.article-related-card:hover{box-shadow:0 2px 4px rgba(0,0,0,.08)}.article-related-card h3{margin:.75rem 0;font-size:1.125rem}.article-related-card h3 a{color:#007f79;text-decoration:none}.article-related-card h3 a:hover{color:#00aca8}.article-related-card p{color:#475569;font-size:.9375rem;margin:0}@media(max-width: 768px){.articles-grid{grid-template-columns:1fr;gap:1.5rem}.article-article-header{padding:2rem 0}.article-article-meta{gap:1rem}.article-article-excerpt{font-size:1.125rem}.article-article-content{font-size:1rem}.article-article-content h2{font-size:1.5rem;margin-top:2rem}.article-article-content h3{font-size:1.25rem}.article-article-content pre{padding:1rem;font-size:.875rem}.article-navigation{grid-template-columns:1fr}.article-related{grid-template-columns:1fr}}