.blog-index{max-width:720px;min-height:100vh;margin:0 auto;padding:120px 24px 80px}.blog-index__header{margin-bottom:48px}.blog-index__header h1{font-family:var(--font-syne), "Syne", sans-serif;color:#ede9df;letter-spacing:-.025em;margin-bottom:8px;font-size:42px;font-weight:800}.blog-index__header p{font-family:var(--font-dm-mono), "DM Mono", monospace;color:#3d5568;font-size:13px;line-height:1.6}.blog-index__list{flex-direction:column;gap:24px;display:flex}.blog-year{margin-bottom:52px}.blog-year__title{font-family:var(--font-dm-mono), "DM Mono", monospace;color:#1d9e75;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:500}.blog-card{background:#0a121a99;border:.5px solid #0f1e2e;border-radius:8px;padding:28px;text-decoration:none;transition:border-color .2s,background .2s;display:block}.blog-card:hover{background:#0a121acc;border-color:#0a5840}.blog-card__meta{font-family:var(--font-dm-mono), "DM Mono", monospace;color:#243848;gap:16px;margin-bottom:12px;font-size:11px;display:flex}.blog-card__read{color:#1d9e75}.blog-card h3{font-family:var(--font-syne), "Syne", sans-serif;color:#ede9df;margin-bottom:10px;font-size:22px;font-weight:700;line-height:1.3}.blog-card p{font-family:var(--font-dm-mono), "DM Mono", monospace;color:#3d5568;margin-bottom:16px;font-size:13px;line-height:1.65}.blog-card__tags{flex-wrap:wrap;gap:6px;display:flex}body.light-mode .blog-index__header h1,html.light-mode .blog-index__header h1,body.light-mode .blog-card h3,html.light-mode .blog-card h3{color:#111827}body.light-mode .blog-index__header p,html.light-mode .blog-index__header p,body.light-mode .blog-card p,html.light-mode .blog-card p{color:#465667}body.light-mode .blog-card,html.light-mode .blog-card{background:#ffffffb8;border-color:#1118271a}body.light-mode .blog-card:hover,html.light-mode .blog-card:hover{background:#ffffffeb;border-color:#00897b47}body.light-mode .blog-card__meta,html.light-mode .blog-card__meta{color:#667085}