@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg:#ffffff;--bg-subtle:#f8f8f9;--bg-card:#ffffff;--text:#0f0f10;--text-muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--accent-hover:#1d4ed8;--bg-code:#f1f5f9;--text-code:#0f172a;--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.05);--shadow-lg:0 20px 40px rgba(0,0,0,0.1),0 8px 16px rgba(0,0,0,0.06);--shadow-hover:0 24px 48px rgba(0,0,0,0.14),0 10px 20px rgba(0,0,0,0.08);--radius:12px;--radius-sm:8px;--radius-lg:16px;--transition:0.2s ease;--transition-slow:0.35s ease;--hero-gradient:linear-gradient(135deg,#1e3a8a,#312e81 55%,#1e1b4b)}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0b;--bg-subtle:#111113;--bg-card:#18181b;--text:#f4f4f5;--text-muted:#9ca3af;--border:#27272a;--accent:#3b82f6;--accent-hover:#60a5fa;--bg-code:#1e1e2e;--text-code:#cdd6f4;--shadow-sm:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 12px rgba(0,0,0,0.3),0 2px 6px rgba(0,0,0,0.2);--shadow-lg:0 20px 40px rgba(0,0,0,0.4),0 8px 16px rgba(0,0,0,0.3);--shadow-hover:0 24px 48px rgba(0,0,0,0.5),0 10px 20px rgba(0,0,0,0.4);--hero-gradient:linear-gradient(135deg,#0f1729,#1a1033 55%,#0a0a1a)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100dvh;display:flex;flex-direction:column}main{flex:1 1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin-inline:auto;padding-inline:24px}@media (max-width:640px){.container{padding-inline:16px}}.section{padding-block:80px}@media (max-width:640px){.section{padding-block:56px}}.section-alt{background-color:var(--bg-subtle)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;gap:16px;flex-wrap:wrap}.section-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.section-link{font-size:.875rem;font-weight:500;color:var(--accent);transition:color var(--transition);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.section-link:hover{color:var(--accent-hover)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background-color:rgba(255,255,255,.88);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}@media (prefers-color-scheme:dark){.site-header{background-color:rgba(10,10,11,.88)}}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.site-logo{font-size:1.0625rem;font-weight:800;color:var(--text);letter-spacing:-.02em;flex-shrink:0;transition:opacity var(--transition)}.site-logo:hover{opacity:.75}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color var(--transition),background-color var(--transition)}.nav-link:hover{color:var(--text);background-color:color-mix(in srgb,var(--text) 7%,transparent)}@media (max-width:480px){.nav-link span.nav-label{display:none}}.hero{background:var(--hero-gradient);padding-block:100px;position:relative;overflow:hidden}.hero:before{background:radial-gradient(ellipse at 20% 65%,rgba(99,102,241,.3) 0,transparent 55%),radial-gradient(ellipse at 80% 15%,rgba(59,130,246,.22) 0,transparent 50%)}.hero:after,.hero:before{content:"";position:absolute;inset:0;pointer-events:none}.hero:after{background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 0);background-size:32px 32px}.hero-content{position:relative;z-index:1;max-width:680px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:20px}.hero-eyebrow:before{content:"";display:block;width:24px;height:2px;background:rgba(255,255,255,.35);border-radius:1px;flex-shrink:0}.hero-title{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#ffffff;margin-bottom:20px}.hero-description{font-size:1.0625rem;line-height:1.75;color:rgba(255,255,255,.68);margin-bottom:36px;max-width:520px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff;color:#1e1b4b;font-weight:700;font-size:.9375rem;border-radius:10px;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition);box-shadow:0 4px 16px rgba(0,0,0,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.35);background:#f0f9ff}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;color:rgba(255,255,255,.78);font-weight:500;font-size:.9375rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);transition:color var(--transition),border-color var(--transition),background-color var(--transition)}.btn-ghost:hover{color:#ffffff;border-color:rgba(255,255,255,.45);background-color:rgba(255,255,255,.1)}@media (max-width:640px){.hero{padding-block:60px}}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition);display:flex;flex-direction:column}.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:transparent}.post-card-link{display:flex;flex-direction:column;flex:1 1}.post-card-image{overflow:hidden;aspect-ratio:16/9;background:var(--bg-subtle);position:relative;flex-shrink:0}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card-image img{transform:scale(1.07)}.post-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-subtle) 0,var(--border) 100%);display:flex;align-items:center;justify-content:center;color:var(--border)}.post-card-body{padding:24px;display:flex;flex-direction:column;flex:1 1;gap:10px}.post-card-categories{display:flex;flex-wrap:wrap;gap:6px}.category-badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);transition:background-color var(--transition),color var(--transition)}a.category-badge:hover{background:var(--accent);color:#ffffff}.post-card-title{font-size:1.125rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--text);transition:color var(--transition);flex:1 1}.post-card:hover .post-card-title{color:var(--accent)}.post-card-excerpt{font-size:.9375rem;line-height:1.65;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--border);margin-top:auto}.author-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-initials{width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,var(--bg-subtle));color:var(--accent);justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0}.author-initials,.post-byline{display:flex;align-items:center}.post-byline{font-size:.8125rem;color:var(--text-muted);gap:5px;flex-wrap:wrap;min-width:0}.post-byline-author{font-weight:600;color:var(--text);white-space:nowrap}.post-byline-sep{opacity:.4}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}@media (max-width:1024px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.post-grid{grid-template-columns:1fr}}.featured-post{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-card);transition:box-shadow var(--transition-slow),border-color var(--transition)}.featured-post:hover{box-shadow:var(--shadow-hover);border-color:transparent}.featured-post-link{display:contents}.featured-post-image{overflow:hidden;position:relative;min-height:340px}.featured-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-post:hover .featured-post-image img{transform:scale(1.05)}.featured-post-image-placeholder{width:100%;height:100%;min-height:340px;background:var(--hero-gradient);display:flex;align-items:center;justify-content:center}.featured-post-content{padding:48px;display:flex;flex-direction:column;gap:16px;justify-content:center}.featured-eyebrow{display:flex;align-items:center;gap:10px}.featured-eyebrow-label{display:inline-block;padding:3px 10px;border-radius:100px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.featured-post-title{font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:var(--text);transition:color var(--transition)}.featured-post:hover .featured-post-title{color:var(--accent)}.featured-post-excerpt{font-size:1rem;line-height:1.7;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-post-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid var(--border);margin-top:auto;flex-wrap:wrap}.btn-read-more{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--accent);color:#ffffff;font-weight:600;font-size:.875rem;border-radius:var(--radius-sm);transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition);white-space:nowrap}.btn-read-more:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.35)}@media (max-width:768px){.featured-post{grid-template-columns:1fr}.featured-post-image{min-height:220px;max-height:280px}.featured-post-content{padding:28px 24px}}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:56px;flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;font-size:.9375rem;color:var(--text);border:1px solid var(--border);background:var(--bg-card);transition:color var(--transition),border-color var(--transition),background-color var(--transition),transform var(--transition),box-shadow var(--transition)}.pagination-btn:not([data-disabled]){cursor:pointer}.pagination-btn:not([data-disabled]):hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--bg-card));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-btn[data-disabled]{opacity:.38;pointer-events:none}.pagination-info{font-size:.875rem;color:var(--text-muted);min-width:100px;text-align:center;white-space:nowrap}.post-hero{position:relative;height:480px;overflow:hidden;background:var(--bg-subtle)}.post-hero img{width:100%;height:100%;object-fit:cover}.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72) 0,rgba(0,0,0,.1) 55%,transparent);pointer-events:none}.post-hero-content{position:absolute;bottom:0;left:0;right:0}.post-hero-inner{padding:48px 24px;max-width:1200px;margin-inline:auto}.post-hero-title{font-size:clamp(1.75rem,3.5vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#ffffff;max-width:820px;margin-bottom:16px}.post-hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:rgba(255,255,255,.78);font-size:.9375rem}.post-hero-sep{opacity:.45}.post-no-hero-header{background:var(--bg-subtle);border-bottom:1px solid var(--border);padding-block:56px}.post-no-hero-inner{max-width:760px;margin-inline:auto;padding-inline:24px}.post-no-hero-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.post-no-hero-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:var(--text);margin-bottom:20px}.post-no-hero-meta{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.9375rem;flex-wrap:wrap}.post-article{max-width:760px;margin-inline:auto;padding:60px 24px 80px}.post-excerpt-block{font-size:1.1875rem;line-height:1.72;color:var(--text-muted);margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--border);font-style:italic}.prose{font-size:1.0625rem;line-height:1.8;color:var(--text)}.prose>*+*{margin-top:1.4em}.prose h2,.prose h3,.prose h4{color:var(--text);margin-top:2.25em;margin-bottom:.6em;line-height:1.25;letter-spacing:-.015em}.prose h2{font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.prose h3{font-size:1.375rem;font-weight:700}.prose h4{font-size:1.125rem;font-weight:700}.prose p{margin:0}.prose p+p{margin-top:1.4em}.prose a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px;transition:color var(--transition),-webkit-text-decoration-color var(--transition);transition:color var(--transition),text-decoration-color var(--transition);transition:color var(--transition),text-decoration-color var(--transition),-webkit-text-decoration-color var(--transition)}.prose a:hover{color:var(--accent-hover);-webkit-text-decoration-color:var(--accent-hover);text-decoration-color:var(--accent-hover)}.prose strong{font-weight:700;color:var(--text)}.prose em{font-style:italic}.prose code{background:var(--bg-code);color:var(--text-code);padding:.15em .45em;border-radius:5px;font-size:.875em;font-family:JetBrains Mono,Fira Code,Fira Mono,Cascadia Code,monospace;font-weight:500}.prose ol,.prose ul{padding-left:1.75em}.prose li{line-height:1.72}.prose li+li{margin-top:.3em}.prose blockquote{border-left:3px solid var(--accent);padding:16px 20px;margin-inline:0;background:color-mix(in srgb,var(--accent) 5%,var(--bg-subtle));border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-muted)}.prose hr{border:none;margin-block:2.5em}.post-tags,.prose hr{border-top:1px solid var(--border)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px;padding-top:32px;align-items:center}.post-tags-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-right:4px}.tag-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--text-muted);border:1px solid var(--border);transition:color var(--transition),border-color var(--transition),background-color var(--transition)}.tag-badge:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.post-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:64px;padding-top:40px;border-top:1px solid var(--border)}.post-nav-item{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition),background-color var(--transition);color:var(--text)}.post-nav-item:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 4%,var(--bg-card))}.post-nav-item.nav-next{text-align:right}.post-nav-label{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.post-nav-title{font-size:.9375rem;font-weight:600;color:var(--text);line-height:1.4;transition:color var(--transition)}.post-nav-item:hover .post-nav-title{color:var(--accent)}@media (max-width:640px){.post-nav{grid-template-columns:1fr}.post-nav-item.nav-next{text-align:left}.post-hero{height:300px}.post-hero-inner{padding:24px 16px}.post-article{padding-inline:16px;padding-block:40px 60px}}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color var(--transition);margin-bottom:36px}.back-link:hover{color:var(--accent)}.category-header{background:var(--bg-subtle);border-bottom:1px solid var(--border);padding-block:56px}.category-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.category-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--text);margin-bottom:10px}.category-description{font-size:1.0625rem;color:var(--text-muted);max-width:540px;line-height:1.65;margin-top:10px}.category-count{font-size:.9375rem;color:var(--text-muted);margin-top:16px}.site-footer{background:var(--bg-subtle);border-top:1px solid var(--border);padding-block:48px}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-logo{font-size:1rem;font-weight:800;color:var(--text);letter-spacing:-.015em}.footer-tagline{font-size:.875rem;color:var(--text-muted);line-height:1.5;max-width:280px}.footer-links{display:flex;align-items:center;gap:20px;list-style:none;flex-wrap:wrap}.footer-link{font-size:.875rem;color:var(--text-muted);transition:color var(--transition);display:inline-flex;align-items:center;gap:6px}.footer-link:hover{color:var(--accent)}.footer-bottom{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-copy,.footer-powered{font-size:.8125rem;color:var(--text-muted)}.footer-powered a{color:var(--accent);transition:color var(--transition)}.footer-powered a:hover{color:var(--accent-hover)}.empty-state{text-align:center;padding:80px 24px}.empty-state-icon{width:56px;height:56px;background:var(--bg-subtle);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--text-muted)}.empty-state-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:10px;letter-spacing:-.01em}.empty-state-description{font-size:1rem;line-height:1.6;color:var(--text-muted);max-width:380px;margin-inline:auto;margin-bottom:28px}.btn-accent{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--accent);color:#ffffff;font-weight:600;font-size:.9375rem;border-radius:var(--radius-sm);transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition)}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}