.blog-hero{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);padding:140px 0 80px;text-align:center;color:#fff;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(circle at 70% 50%,rgba(14,165,233,.1) 0%,transparent 60%);pointer-events:none}.blog-hero .container{position:relative;z-index:1}.blog-hero h1{font-family:"Source Serif 4",Georgia,serif;font-size:3rem;font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:1rem}.blog-hero-subtitle{font-size:1.2rem;color:#ffffffbf;max-width:600px;margin:0 auto;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;padding:3rem 0 4rem}.blog-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-image{width:100%;height:200px;object-fit:cover}.blog-card-body{padding:1.75rem}.blog-card-date{font-size:.8rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.blog-card-title{font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem;font-weight:700;color:var(--dark);margin-bottom:.75rem;line-height:1.3}.blog-card-title a{color:inherit;text-decoration:none;transition:color .15s ease}.blog-card-title a:hover{color:var(--primary)}.blog-card-excerpt{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.blog-card-link{font-size:.9rem;font-weight:600;color:var(--primary);text-decoration:none;transition:color .15s ease}.blog-card-link:hover{color:var(--primary-dark)}.blog-post-header{max-width:860px;margin:0 auto;padding:140px 1.25rem 2rem;text-align:center}.blog-post-date{font-size:.85rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.blog-post-header h1{font-family:"Source Serif 4",Georgia,serif;font-size:2.5rem;font-weight:800;letter-spacing:-1px;line-height:1.2;color:var(--dark);margin-bottom:1rem}.blog-post-hero-image{max-width:860px;margin:0 auto 2rem;border-radius:var(--border-radius);overflow:hidden}.blog-post-hero-image img{width:100%;height:auto;display:block}.blog-article{max-width:860px;margin:0 auto;padding:0 1.25rem 4rem;line-height:1.75;color:var(--text-primary)}.blog-article h1{font-family:"Source Serif 4",Georgia,serif;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-200);color:var(--dark)}.blog-article h2{font-family:"Source Serif 4",Georgia,serif;font-size:1.5rem;font-weight:600;letter-spacing:-.3px;margin-top:2.5rem;margin-bottom:.75rem;color:var(--dark)}.blog-article h3{font-family:"Source Serif 4",Georgia,serif;font-size:1.2rem;font-weight:600;margin-top:2rem;margin-bottom:.5rem;color:var(--gray-800)}.blog-article p{margin-bottom:1rem;color:var(--gray-700)}.blog-article a{color:var(--primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}.blog-article a:hover{border-bottom-color:var(--primary)}.blog-article ul,.blog-article ol{margin-bottom:1rem;padding-left:1.5rem}.blog-article li{margin-bottom:.4rem;color:var(--gray-700)}.blog-article strong{font-weight:600;color:var(--dark)}.blog-article code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em;background:var(--gray-100);padding:.15em .4em;border-radius:4px;color:var(--gray-800)}.blog-article pre{background:var(--dark);border-radius:8px;padding:1.25rem 1.5rem;overflow-x:auto;margin-bottom:1.5rem;margin-top:.5rem}.blog-article pre code{background:none;padding:0;border-radius:0;color:#e2e8f0;font-size:.85rem;line-height:1.6}.blog-article table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}.blog-article th{text-align:left;padding:.75rem 1rem;background:var(--gray-50);border-bottom:2px solid var(--gray-200);font-weight:600;color:var(--gray-800)}.blog-article td{padding:.65rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.blog-article tr:hover td{background:var(--gray-50)}.blog-article blockquote{border-left:3px solid var(--primary-light);padding:.75rem 1.25rem;margin:1rem 0 1.5rem;background:#6366f10a;border-radius:0 8px 8px 0}.blog-article blockquote p{color:var(--gray-700);margin-bottom:0}.blog-article hr{border:none;border-top:1px solid var(--gray-200);margin:2.5rem 0}.blog-post-footer{max-width:860px;margin:0 auto;padding:0 1.25rem 4rem}.blog-back-link{font-size:.95rem;font-weight:500;color:var(--primary);text-decoration:none;transition:color .15s ease}.blog-back-link:hover{color:var(--primary-dark)}.blog-not-found{text-align:center;padding:140px 1.25rem 4rem;color:var(--text-secondary)}.blog-not-found h1{font-family:"Source Serif 4",Georgia,serif;font-size:2rem;color:var(--dark);margin-bottom:1rem}@media(max-width:768px){.blog-hero{padding:120px 0 60px}.blog-hero h1{font-size:2rem;letter-spacing:-.5px}.blog-hero-subtitle{font-size:1rem}.blog-grid{grid-template-columns:1fr;padding:2rem 0 3rem}.blog-post-header{padding:120px 1.25rem 1.5rem}.blog-post-header h1{font-size:1.75rem}.blog-article h1{font-size:1.6rem}.blog-article h2{font-size:1.25rem}.blog-article pre{padding:1rem;border-radius:6px}.blog-article table{display:block;overflow-x:auto}}