.blog-index{color:#0f172a;background:linear-gradient(#eef2ff 0%,#fff 45% 100%);min-height:100vh;padding-top:6rem}.blog-hero{background:linear-gradient(135deg,#eef2ff 0%,#fff 55%,#f5f7ff 100%);border-bottom:1px solid #ffffff73;position:relative;overflow:hidden}.blog-hero__inner{flex-direction:column;gap:2rem;max-width:1120px;margin:0 auto;padding:6rem 1.5rem 3.5rem;display:flex}.blog-hero__badge{text-transform:uppercase;letter-spacing:.35em;color:#4f46e5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #ffffffb3;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1.9rem;font-size:.72rem;font-weight:600;display:inline-flex}.blog-hero__grid{flex-direction:column;gap:2rem;display:flex}.blog-hero__grid-main h1{color:#0f172a;font-size:clamp(2.5rem,4vw,3.6rem);font-weight:700;line-height:1.1}.blog-hero__grid-main p{color:#475569;margin-top:1rem;font-size:1.125rem;line-height:1.7}.blog-hero__grid-side{flex-wrap:wrap;gap:.8rem;display:flex}.blog-cta{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.85rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.blog-cta--primary{color:#fff;background:#0f172a;box-shadow:0 18px 35px #0f172a47}.blog-cta--primary:hover{transform:translateY(-3px)}.blog-cta--ghost{color:#0f172a;background:#ffffffeb;border-color:#0f172a1f;box-shadow:0 16px 35px #0f172a1f}.blog-cta--ghost:hover{border-color:#0f172a52;transform:translateY(-3px)}.blog-hero__stats{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffa6;border:1px solid #fffc;border-radius:32px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;display:grid;box-shadow:0 30px 70px #0f172a14}.blog-stat{flex-direction:column;gap:.6rem;display:flex}.blog-stat__label{text-transform:uppercase;letter-spacing:.35em;color:#94a3b8;font-size:.7rem;font-weight:600}.blog-stat__value{color:#0f172a;font-size:1.05rem;font-weight:600}.blog-index__content{flex-direction:column;gap:3rem;max-width:1120px;margin:0 auto;padding:4rem 1.5rem 5rem;display:flex}.blog-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0f172a14;border-radius:36px;padding:3rem;box-shadow:0 45px 90px #0f172a14}.blog-list__header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2.25rem;display:flex}.blog-list__header--stack{flex-direction:column;align-items:flex-start;gap:1.5rem}.blog-list__eyebrow{text-transform:uppercase;letter-spacing:.35em;color:#94a3b8;font-size:.72rem;font-weight:600}.blog-list__header h3{color:#0f172a;margin-top:.5rem;font-size:2rem;font-weight:600}.blog-list__spacer{background:#0f172a1f;flex:1;min-width:120px;height:1px}.blog-list__rss{color:#4338ca;font-size:.9rem;font-weight:600;transition:color .2s}.blog-list__rss:hover{color:#312e81}.blog-search{flex-direction:column;gap:.4rem;width:100%;display:flex}.blog-search label{text-transform:uppercase;letter-spacing:.25em;color:#94a3b8;font-size:.75rem;font-weight:600}.blog-search input{background:#f8fafcf2;border:1px solid #0f172a1f;border-radius:18px;padding:.85rem 1rem;font-size:.95rem}.blog-list__tag-filter{color:#475569;margin-top:.25rem;font-size:.9rem}.blog-list__tag-filter span{color:#0f172a;font-weight:600}.blog-list__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.blog-card{background:#fffffff5;border:1px solid #0f172a17;border-radius:26px;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 30px 75px #0f172a14}.blog-card:hover{border-color:#6366f161;transform:translateY(-6px);box-shadow:0 40px 95px #6366f12e}.blog-card__content{height:100%;color:inherit;flex-direction:column;gap:1.25rem;padding:1.85rem;display:flex}.blog-card__meta{text-transform:uppercase;letter-spacing:.3em;color:#94a3b8;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;display:flex}.blog-card__tag{letter-spacing:.25em;color:#475569;background:#f8fafce6;border:1px solid #0f172a1f;border-radius:999px;padding:.35rem .9rem;font-size:.62rem}.blog-card__body h3{color:#0f172a;margin-bottom:.4rem;font-size:1.4rem;font-weight:600;line-height:1.3}.blog-card__excerpt{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__cta{color:#4338ca;align-items:center;gap:.4rem;margin-top:auto;font-size:.92rem;font-weight:600;display:inline-flex}.blog-card__cta svg{width:1rem;height:1rem;transition:transform .2s}.blog-card:hover .blog-card__cta svg{transform:translate(6px)}.blog-empty{text-align:center;color:#64748b;border:1px dashed #0f172a26;border-radius:20px;padding:1.5rem;font-weight:500}.blog-pagination{text-align:center;background:#fffffff2;border:1px solid #0f172a14;border-radius:32px;padding:2.5rem;box-shadow:0 35px 80px #0f172a14}.blog-pagination__label{text-transform:uppercase;letter-spacing:.35em;color:#94a3b8;font-size:.75rem;font-weight:600}.blog-pagination__actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.25rem;display:flex}.blog-pagination__button{border:1px solid #0000;border-radius:999px;padding:.65rem 1.9rem;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s}.blog-pagination__button--ghost{color:#0f172a;background:#fff;border-color:#0f172a29}.blog-pagination__button--ghost:hover{border-color:#0f172a52;transform:translateY(-3px)}.blog-pagination__button--dark{color:#fff;background:#0f172a;box-shadow:0 18px 32px #0f172a40}.blog-pagination__button--dark:hover{transform:translateY(-3px)}.blog-pagination__button[disabled]{opacity:.5;cursor:not-allowed;transform:none}@media (min-width:768px){.blog-hero__grid{flex-direction:row;justify-content:space-between;align-items:flex-end}.blog-hero__grid-main{max-width:56%}.blog-hero__grid-side{justify-content:flex-end}}@media (max-width:640px){.blog-list{padding:2.25rem 1.5rem}.blog-card__content{padding:1.35rem}}
