.blog-index-page{color:#e2e8f0;background:#0a0b14;min-height:100vh;font-family:Inter,Outfit,sans-serif}.blog-index-hero{text-align:center;background:radial-gradient(80% 60% at 50% 0,#5b5fef2e,#0000 70%);padding:5rem 1.5rem 4rem;position:relative;overflow:hidden}.blog-index-hero h1{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.75rem auto 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.blog-index-subtitle{color:#64748b;max-width:560px;margin:0 auto;font-size:1.05rem;line-height:1.7}.blog-index-layout{max-width:900px;margin:0 auto;padding:2rem 1.5rem 5rem}.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.blog-post-card{color:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;padding:1.75rem;text-decoration:none;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s;display:flex}.blog-post-card:hover{background:#5b5fef0d;border-color:#5b5fef66;transform:translateY(-3px);box-shadow:0 8px 32px #5b5fef26}.blog-post-card-emoji{margin-bottom:1rem;font-size:2.5rem;line-height:1}.blog-post-card-cat{color:#818cf8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.72rem;font-weight:700}.blog-post-card-title{color:#f1f5f9;margin:0 0 .75rem;font-size:1.05rem;font-weight:700;line-height:1.4}.blog-post-card-excerpt{color:#64748b;flex-grow:1;margin:0 0 1.25rem;font-size:.88rem;line-height:1.65}.blog-post-card-meta{color:#475569;gap:.5rem;margin-bottom:.75rem;font-size:.78rem;display:flex}.blog-post-card-link{color:#5b5fef;font-size:.85rem;font-weight:600;transition:color .2s}.blog-post-card:hover .blog-post-card-link{color:#818cf8}@media(max-width:640px){.blog-index-hero{padding:3.5rem 1rem 3rem}.blog-index-layout{padding:1.5rem 1rem 4rem}}