.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--indigo-500),var(--indigo-400));z-index:1001;transition:width .1s linear;border-radius:0 2px 2px 0}.breadcrumb{padding:6rem 0 1rem;font-size:.85rem;color:var(--slate-500)}.breadcrumb a{color:var(--indigo-600);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--indigo-700);text-decoration:underline}.breadcrumb-separator{margin:0 .5rem;color:var(--slate-300)}.blog-article{min-height:100vh;background:#fff}.blog-container{max-width:780px}.blog-header{padding:1rem 0 2.5rem;border-bottom:1px solid var(--slate-200);margin-bottom:3rem}.blog-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--slate-500);margin-bottom:1.25rem}.blog-meta time{color:var(--indigo-600);font-weight:600}.reading-time:before{content:"·";margin-right:1rem}.blog-header h1{font-family:var(--font-display);font-size:2.75rem;color:var(--indigo-950);line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.01em}.blog-description{font-size:1.2rem;color:var(--slate-500);line-height:1.7;max-width:640px}.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.blog-tag{background:var(--indigo-50);color:var(--indigo-700);padding:.3rem .85rem;border-radius:100px;font-size:.78rem;font-weight:500;letter-spacing:.01em;border:1px solid var(--indigo-100);transition:background .2s ease,border-color .2s ease}.blog-tag:hover{background:var(--indigo-100);border-color:var(--indigo-200)}.prose{line-height:1.85;color:var(--slate-700);font-size:1.05rem}.prose>p:first-child:first-letter{font-family:var(--font-display);font-size:3.5rem;float:left;line-height:.8;margin-right:.12em;margin-top:.08em;color:var(--indigo-700)}.prose h2{font-family:var(--font-display);font-size:1.85rem;color:var(--indigo-950);margin-top:3rem;margin-bottom:1rem;padding-top:1rem;line-height:1.25}.prose h3{font-size:1.2rem;font-weight:700;color:var(--indigo-900);margin-top:2.25rem;margin-bottom:.75rem;letter-spacing:-.01em}.prose p{margin-bottom:1.35rem}.prose ul,.prose ol{margin-bottom:1.35rem;padding-left:1.5rem}.prose li{margin-bottom:.6rem}.prose li::marker{color:var(--indigo-500)}.prose strong{color:var(--indigo-900);font-weight:700}.prose a{color:var(--indigo-600);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--indigo-300);transition:text-decoration-color .2s ease,color .2s ease}.prose a:hover{color:var(--indigo-700);text-decoration-color:var(--indigo-600)}.prose blockquote{border-left:3px solid var(--indigo-400);padding:1.25rem 1.75rem;margin:2rem 0;background:var(--indigo-50);border-radius:0 12px 12px 0;color:var(--slate-700);font-style:italic;font-size:1.05rem;line-height:1.75}.prose blockquote p:last-child{margin-bottom:0}.prose table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9rem;border-radius:12px;overflow:hidden;border:1px solid var(--slate-200)}.prose th,.prose td{padding:.85rem 1.15rem;text-align:left}.prose th{background:var(--indigo-50);font-weight:700;color:var(--indigo-900);border-bottom:2px solid var(--indigo-200);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.prose td{border-bottom:1px solid var(--slate-100)}.prose tr:last-child td{border-bottom:none}.prose code{background:var(--slate-100);padding:.2rem .45rem;border-radius:5px;font-size:.88em;border:1px solid var(--slate-200)}.prose img{max-width:100%;border-radius:12px;margin:2rem 0}.prose h2+p{margin-top:0}.blog-cta{margin:4rem 0 2rem;padding:3rem 2.5rem;background:var(--indigo-950);border-radius:20px;text-align:center;position:relative;overflow:hidden}.blog-cta:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,var(--indigo-800) 0%,transparent 70%);opacity:.5;pointer-events:none}.blog-cta:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,var(--indigo-700) 0%,transparent 70%);opacity:.3;pointer-events:none}.blog-cta h3{font-family:var(--font-display);font-size:1.75rem;color:#fff;margin-bottom:.75rem;position:relative;z-index:1}.blog-cta p{color:var(--slate-400);margin-bottom:1.75rem;font-size:1.05rem;position:relative;z-index:1}.blog-cta .btn{position:relative;z-index:1}.blog-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--indigo-600);text-decoration:none;font-weight:600;font-size:.9rem;margin-top:2rem;margin-bottom:3rem;transition:gap .2s ease,color .2s ease}.blog-back:hover{color:var(--indigo-700);gap:.75rem}.blog-back svg{width:18px;height:18px;transition:transform .2s ease}.blog-back:hover svg{transform:translate(-3px)}.blog-hero{padding:8rem 0 2rem;text-align:center;background:linear-gradient(180deg,var(--indigo-50) 0%,white 100%);position:relative}.blog-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(79,70,229,.06) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(79,70,229,.04) 0%,transparent 40%);pointer-events:none}.blog-hero .container{position:relative}.blog-hero-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--indigo-600);margin-bottom:1.25rem}.blog-hero-label:before,.blog-hero-label:after{content:"";width:2rem;height:2px;background:var(--indigo-400);border-radius:1px}.blog-hero h1{font-family:var(--font-display);font-size:3.25rem;color:var(--indigo-950);margin-bottom:1rem;letter-spacing:-.02em}.blog-hero p{color:var(--slate-500);font-size:1.15rem;max-width:560px;margin:0 auto;line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem;padding:3rem 0 5rem}.blog-card{background:#fff;border-radius:16px;border:1px solid var(--slate-200);overflow:hidden;transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),border-color .35s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px -12px #4f46e526;border-color:var(--indigo-300)}.blog-card-body{padding:1.75rem;flex:1;display:flex;flex-direction:column}.blog-card-meta{font-size:.78rem;color:var(--slate-500);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.blog-card-category{background:var(--indigo-50);color:var(--indigo-700);padding:.2rem .7rem;border-radius:100px;font-weight:600;font-size:.73rem;letter-spacing:.02em;border:1px solid var(--indigo-100)}.blog-card-reading{color:var(--slate-400);font-size:.78rem;margin-left:auto}.blog-card h2{font-family:var(--font-display);font-size:1.3rem;color:var(--indigo-950);margin-bottom:.65rem;line-height:1.3;transition:color .2s ease}.blog-card:hover h2{color:var(--indigo-800)}.blog-card p{color:var(--slate-500);font-size:.9rem;line-height:1.65;flex:1}.blog-card-link{color:var(--indigo-600);font-weight:700;font-size:.88rem;margin-top:1.25rem;display:inline-flex;align-items:center;gap:.35rem;transition:gap .25s var(--ease-out-expo)}.blog-card:hover .blog-card-link{gap:.65rem}.blog-empty{text-align:center;padding:5rem 1.5rem 8rem;color:var(--slate-500)}.blog-empty h3{font-family:var(--font-display);font-size:1.6rem;color:var(--indigo-900);margin-bottom:.75rem}.blog-empty p{font-size:1rem;max-width:460px;margin:0 auto;line-height:1.7}@media(max-width:768px){.blog-header h1{font-size:2rem}.blog-hero h1{font-size:2.25rem}.blog-grid{grid-template-columns:1fr}.blog-cta{padding:2.5rem 1.5rem}.prose>p:first-child:first-letter{font-size:2.8rem}}