.blog-page{background:var(--color-bg);min-height:100vh}.blog-nav{z-index:1000;-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--color-border);background:#fffffff2;padding:1.25rem 2.5rem;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000f}.blog-nav-inner{align-items:center;max-width:1240px;margin:0 auto;display:flex}.blog-nav-back{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;transition:color .2s;display:inline-flex}.blog-nav-back:hover{color:var(--color-accent)}.blog-nav-back svg{width:18px;height:18px}.blog-hero{text-align:center;background:linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg) 100%);padding:10rem 2.5rem 4rem}.blog-hero-label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.7rem;font-weight:600;display:inline-flex}.blog-hero-label:before{content:"";background:var(--color-accent);width:24px;height:1px}.blog-hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-text);max-width:700px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.blog-hero-divider{background:var(--color-accent-gradient);border-radius:2px;width:60px;height:3px;margin:0 auto 1.5rem}.blog-hero-subtitle{font-family:var(--font-display);color:var(--color-accent);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700}.blog-hero-description{color:var(--color-text-secondary);max-width:720px;margin:0 auto;font-size:1.05rem;line-height:1.8}.blog-cards-section{padding:3rem 2.5rem 6rem}.blog-cards-inner{max-width:1240px;margin:0 auto}.blog-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.blog-card-link{color:inherit;text-decoration:none;display:block}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;height:100%;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-xl), 0 0 30px #10b98114;border-color:#10b9814d;transform:translateY(-6px)}.blog-card-image{height:240px;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);background:#fffffff2;padding:.35rem .85rem;font-size:.72rem;font-weight:600;position:absolute;top:1rem;left:1rem}.blog-card-content{flex-direction:column;flex:1;padding:1.75rem;display:flex}.blog-card-content h3{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.blog-card-content p{color:var(--color-text-secondary);flex:1;margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.blog-card-meta{color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.blog-card-dot{font-size:.5rem}.blog-card-read{align-items:center;gap:.3rem;display:inline-flex}.blog-card-cta{color:var(--color-accent);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.blog-card-cta svg{width:16px;height:16px;transition:transform .2s}.blog-card:hover .blog-card-cta svg{transform:translate(3px)}.blog-page .fade-in{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.blog-page .fade-in.visible{opacity:1;transform:translateY(0)}.blog-page .fade-in-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.blog-page .fade-in-left.visible{opacity:1;transform:translate(0)}.blog-page .fade-in-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.blog-page .fade-in-right.visible{opacity:1;transform:translate(0)}@media (max-width:768px){.blog-hero{padding:8rem 1.5rem 3rem}.blog-cards-section{padding:2rem 1.5rem 4rem}.blog-cards-grid{grid-template-columns:1fr}.blog-nav{padding:1rem 1.5rem}}@media (max-width:480px){.blog-hero-title{font-size:2rem}}