.blog-shell{padding:140px 24px 100px;position:relative;overflow:hidden}.blog-shell:before{content:"";position:absolute;width:1200px;height:1200px;border-radius:50%;top:-700px;right:-400px;background:conic-gradient(from 200deg,#f4527a,#f5a841,#17c4b2,#8b72f0,#f4527a);opacity:.1;pointer-events:none;z-index:0}.blog-shell .container{position:relative;z-index:1}.blog-header{max-width:720px;margin:0 auto 64px;text-align:center}.blog-eyebrow{display:inline-flex;margin-bottom:24px}.blog-title{font-family:var(--font-display);font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.03em;color:var(--ink-900);margin-bottom:20px}.blog-subtitle{font-size:1.05rem;color:var(--ink-500);line-height:1.7;max-width:560px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;max-width:1120px;margin:0 auto}.post-card{background:#ffffffc7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;transition:transform .2s var(--ease-spring),box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.post-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.post-tag{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--coral-deep);background:#f4527a1a;border:1px solid rgba(244,82,122,.22);border-radius:var(--r-pill);padding:4px 10px}.post-card-title{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;color:var(--ink-900);margin-bottom:12px}.post-card-desc{font-size:.95rem;color:var(--ink-500);line-height:1.6;margin-bottom:20px;flex:1}.post-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-500)}.post-card-meta .read-link{font-weight:600;color:var(--coral-deep)}.blog-empty{text-align:center;padding:60px 24px;color:var(--ink-500)}.post-shell{padding:140px 24px 100px;position:relative;overflow:hidden}.post-shell:before{content:"";position:absolute;width:1000px;height:1000px;border-radius:50%;top:-600px;left:-300px;background:conic-gradient(from 20deg,#17c4b2,#8b72f0,#f4527a,#f5a841,#17c4b2);opacity:.08;pointer-events:none;z-index:0}.post-shell .container{position:relative;z-index:1;max-width:720px}.post-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--coral-deep);margin-bottom:32px}.post-back:hover{text-decoration:underline}.post-meta-row{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-500);margin-bottom:20px}.post-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--ink-300)}.post-title{font-family:var(--font-display);font-size:clamp(2rem,3.6vw,3rem);line-height:1.1;letter-spacing:-.03em;color:var(--ink-900);margin-bottom:20px}.post-description{font-size:1.15rem;color:var(--ink-500);line-height:1.6;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--ink-100)}.post-body{font-size:1.05rem;line-height:1.75;color:var(--ink-700)}.post-body h2{font-family:var(--font-display);font-size:1.75rem;line-height:1.2;letter-spacing:-.02em;color:var(--ink-900);margin:48px 0 16px}.post-body h3{font-family:var(--font-display);font-size:1.35rem;line-height:1.25;letter-spacing:-.02em;color:var(--ink-900);margin:36px 0 12px}.post-body p{margin-bottom:20px}.post-body a{color:var(--coral-deep);text-decoration:underline;text-underline-offset:3px}.post-body strong{color:var(--ink-900);font-weight:600}.post-body ul,.post-body ol{margin:0 0 24px 24px}.post-body li{margin-bottom:8px}.post-body code{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.9em;background:var(--ink-100);padding:2px 6px;border-radius:4px;color:var(--ink-900)}.post-body pre{background:var(--ink-900);color:#ffffffd9;border-radius:var(--r-md);padding:20px 24px;overflow-x:auto;margin:24px 0;font-size:.85rem;line-height:1.6}.post-body pre code{background:transparent;padding:0;color:inherit}.post-body blockquote{border-left:3px solid var(--coral);padding:4px 20px;margin:28px 0;color:var(--ink-700);font-style:italic}