.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-fit,minmax(min(100%,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:0;text-decoration:none;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-post-card:hover{background:#5b5fef0d;border-color:#5b5fef66;transform:translateY(-3px);box-shadow:0 8px 32px #5b5fef26}.blog-post-card-cover{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1b2e,#0f1020);width:100%;position:relative;overflow:hidden}.blog-post-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.blog-post-card:hover .blog-post-card-cover img{transform:scale(1.04)}.blog-post-card-body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.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}}.blog-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0b14d9;border-bottom:1px solid #5b5fef33;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.blog-nav-logo{color:#fff;letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.blog-nav-logo img{width:28px;height:28px}.blog-nav-cta{color:#fff;background:linear-gradient(135deg,#5b5fef,#7c3aed);border-radius:999px;align-items:center;gap:.35rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.blog-nav-cta:hover{opacity:.9;transform:translateY(-1px)}.blog-hero-badge{color:#818cf8;letter-spacing:.06em;text-transform:uppercase;background:#5b5fef26;border:1px solid #5b5fef59;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.blog-footer{text-align:center;color:#475569;border-top:1px solid #ffffff12;padding:2rem 1.5rem;font-size:.82rem}.blog-footer a{color:#5b5fef;text-decoration:none}.blog-footer a:hover{text-decoration:underline}