.blog-hero{text-align:center;padding:var(--space-4xl) 0 var(--space-2xl)}.blog-hero h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-sm)}.blog-hero p{color:var(--text-secondary);font-size:1.15rem;max-width:540px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg);padding-bottom:var(--space-4xl)}.blog-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:var(--primary)}.blog-card-tag{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:var(--space-sm)}.blog-card h2{font-size:1.25rem;margin-bottom:var(--space-sm);line-height:1.35}.blog-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;flex:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}.blog-card-read-more{color:var(--primary);font-weight:600}.article-container{max-width:760px;margin:0 auto;padding:var(--space-4xl) var(--space-lg) var(--space-4xl)}.article-meta{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg);font-size:.85rem;color:var(--text-muted)}.article-meta-tag{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.article-container h1{font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.2;margin-bottom:var(--space-md)}.article-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--border-subtle)}.article-container h2{font-size:1.5rem;margin:var(--space-2xl) 0 var(--space-md);position:relative;padding-left:var(--space-md)}.article-container h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background:linear-gradient(to bottom,var(--primary),var(--secondary))}.article-container h3{font-size:1.15rem;margin:var(--space-xl) 0 var(--space-sm)}.article-container p{color:var(--text-secondary);font-size:1rem;line-height:1.75;margin-bottom:var(--space-md)}.article-container ul,.article-container ol{color:var(--text-secondary);margin:var(--space-md) 0;padding-left:var(--space-xl)}.article-container li{margin-bottom:var(--space-xs);line-height:1.7}.article-container blockquote{border-left:3px solid var(--primary);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;background:var(--glass-bg);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-container blockquote p{color:var(--text-primary);font-style:italic;margin:0}.hook-example{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin:var(--space-sm) 0;font-size:.95rem;line-height:1.6;color:var(--text-primary);position:relative}.hook-example:before{content:'"';position:absolute;top:4px;left:12px;font-size:1.8rem;color:var(--primary);opacity:.4;font-family:Georgia,serif}.hook-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-lg) 0}.article-cta{background:linear-gradient(135deg,#6366f11f,#a855f71f);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;margin:var(--space-2xl) 0}.article-cta h3{font-size:1.3rem;margin-bottom:var(--space-sm);color:var(--text-primary)}.article-cta p{color:var(--text-secondary);margin-bottom:var(--space-md)}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.article-container{padding:var(--space-2xl) var(--space-md)}}
