.blog-hero{padding:4rem 0 2rem;text-align:center;position:relative}@media(min-width:768px){.blog-hero{padding:6rem 0 3rem}}.blog-hero .badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary-400);padding:.375rem .875rem;margin-bottom:1.5rem;background:#f9731614;border:1px solid rgba(249,115,22,.25);border-radius:var(--r-full)}.blog-hero h1{font-size:clamp(2.25rem,5vw + 1rem,4.5rem);font-weight:700;line-height:1.02;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1rem;max-width:50rem;margin-left:auto;margin-right:auto}.blog-hero p{font-size:clamp(1.0625rem,1.2vw + .5rem,1.25rem);color:var(--text-secondary);max-width:42rem;margin:0 auto;line-height:1.65}.blog-grid-section{padding:2rem 0 5rem}@media(min-width:768px){.blog-grid-section{padding:3rem 0 7rem}}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--s-6);max-width:72rem;margin:0 auto}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{position:relative;display:flex;flex-direction:column;background:var(--glass-1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:var(--s-6);transition:all var(--t-base);overflow:hidden;box-shadow:var(--ring-inner)}.blog-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(249,115,22,.3),transparent);opacity:0;transition:opacity var(--t-base)}.blog-card:hover{transform:translateY(-4px);background:var(--glass-2);border-color:#f9731659;box-shadow:var(--sh-lg),var(--ring-inner)}.blog-card:hover:before{opacity:1}.blog-card .meta{display:flex;align-items:center;gap:var(--s-3);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--s-4)}.blog-card .tag{padding:.25rem .625rem;border-radius:var(--r-full);background:#f973161a;border:1px solid rgba(249,115,22,.25);color:var(--primary-400);letter-spacing:.06em}.blog-card .tag.cyan{background:#22d3ee14;border-color:#22d3ee4d;color:var(--tech-cyan-400)}.blog-card .tag.blue{background:#60a5fa14;border-color:#60a5fa4d;color:var(--info-400)}.blog-card .tag.green{background:#10b98114;border-color:#10b9814d;color:var(--success-400)}.blog-card .tag.purple{background:#c084fc14;border-color:#c084fc4d;color:#c084fc}.blog-card .tag.pink{background:#f472b614;border-color:#f472b64d;color:#f472b6}.blog-card h2{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--text-primary);margin-bottom:var(--s-3);transition:color var(--t-base)}.blog-card:hover h2{color:var(--primary-400)}.blog-card p{color:var(--text-tertiary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--s-4);flex:1}.blog-card .read-more{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:600;font-size:.9375rem;color:var(--primary-400);transition:gap var(--t-base)}.blog-card .read-more svg{width:1rem;height:1rem;transition:transform var(--t-base)}.blog-card:hover .read-more{gap:var(--s-3)}.blog-card:hover .read-more svg{transform:translate(4px)}.blog-card a.stretched-link:before{content:"";position:absolute;inset:0;z-index:1}.blog-empty{max-width:42rem;margin:4rem auto;text-align:center;padding:4rem var(--s-6);background:var(--glass-1);backdrop-filter:blur(16px);border:1px dashed var(--border-3);border-radius:var(--r-xl)}.blog-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:var(--r-md);margin-bottom:var(--s-5)}.blog-empty-icon svg{width:1.75rem;height:1.75rem;color:var(--primary-400)}.blog-empty h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--s-3)}.blog-empty p{color:var(--text-tertiary);font-size:1rem;line-height:1.65;margin-bottom:var(--s-6);max-width:32rem;margin-left:auto;margin-right:auto}.blog-empty a{display:inline-flex;align-items:center;gap:var(--s-2);padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-weight:600;border-radius:var(--r-md);box-shadow:var(--glow-primary),var(--ring-inner-strong);transition:all var(--t-base)}.blog-empty a:hover{transform:translateY(-2px);box-shadow:var(--glow-primary-strong),var(--ring-inner-strong)}.blog-empty a svg{width:1.125rem;height:1.125rem}