.blog-hero{background:var(--white);padding:8rem 2rem 3rem;text-align:center;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 700px 400px at 50% 80%,rgba(58,139,253,.06),transparent)}.blog-hero-content{position:relative;z-index:1}.blog-hero h1{font-size:2.4rem;font-weight:800;margin-bottom:.6rem;letter-spacing:-.3px;background:linear-gradient(135deg,var(--primary),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:1.05rem;color:var(--gray-500);max-width:520px;margin:0 auto}.blog-search{max-width:480px;margin:1.5rem auto 0;position:relative}.blog-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:.9rem;pointer-events:none}.blog-search-input{width:100%;padding:.55rem 1rem .55rem 2.5rem;font-size:.9rem;font-family:var(--font-display);border:1px solid var(--gray-200);border-radius:12px;background:var(--white);color:var(--primary);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.blog-search-input::placeholder{color:var(--gray-500)}.blog-search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3a8bfd1a}.blog-section{padding:2.5rem 2rem 6rem;background:var(--gray-50)}.blog-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.blog-card{background:var(--white);border-radius:16px;border:1px solid var(--gray-200);overflow:hidden;transition:all .25s;text-decoration:none;display:flex;flex-direction:column;padding:1.8rem;color:inherit}.blog-card,.blog-card:hover{text-decoration:none}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3a8bfd1a;border-color:var(--gray-300)}.blog-card-title{font-size:1.05rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;line-height:1.4}.blog-card-excerpt{font-size:.85rem;color:var(--gray-500);line-height:1.65;flex:1}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-100);font-size:.78rem;color:var(--gray-500)}.blog-card-date{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.5px}.blog-card-read{color:var(--accent-blue);font-weight:600;transition:gap .2s;display:inline-flex;align-items:center;gap:4px}.blog-card:hover .blog-card-read{gap:8px}footer.blog-footer{background:var(--gray-50);color:var(--gray-500);text-align:center;padding:2.5rem 2rem;font-size:.82rem;border-top:1px solid var(--gray-200)}@media (max-width: 900px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:6rem 1.5rem 2.5rem}.blog-hero h1{font-size:1.8rem}}