.blog-index-page{width:100%;max-width:1280px;margin:0 auto;padding:56px 40px 100px}.blog-index-header{margin-bottom:56px}.blog-index-title{color:#f0f4ff;letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.blog-index-subtitle{color:#64748b;max-width:560px;font-size:1.1rem;line-height:1.65}.blog-index-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px;display:grid}@media (max-width:1024px){.blog-index-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-index-grid{grid-template-columns:1fr}.blog-index-page{padding:40px 20px 80px}}.blog-card{background:#0d0f14e6;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;height:100%;padding:24px;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex}.blog-card:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 16px 40px #0006}.blog-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;display:flex}.blog-card-title{color:#e2e8f0;flex:1;margin-bottom:auto;font-size:.975rem;font-weight:600;line-height:1.5;transition:color .2s}.blog-card:hover .blog-card-title{color:#60a5fa}.blog-card-date{color:#475569;border-top:1px solid #ffffff0d;align-items:center;gap:6px;margin-top:20px;padding-top:16px;font-family:monospace;font-size:.8rem;display:flex}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:20px;display:flex}.blog-page-btn{color:#94a3b8;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:44px;height:44px;padding:0 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-page-btn:hover{color:#f0f4ff;background:#ffffff0f}.blog-page-btn.blog-page-active{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa66;font-weight:700}.blog-page-nav{color:#cbd5e1;border:1px solid #ffffff1a;padding:0 18px}.blog-page-nav:hover{border-color:#fff3}.blog-page-dots{color:#475569;align-items:center;padding:0 4px;font-size:1rem;display:inline-flex}@media (max-width:768px){.blog-pagination{gap:4px}.blog-page-btn{min-width:36px;height:36px;padding:0 10px;font-size:.85rem}.mobile-hidden{display:none!important}.mobile-only-page-info{align-items:center;display:flex!important}.blog-pagination{justify-content:space-between;gap:0;width:100%}}.mobile-only-page-info{display:none!important}@media (max-width:768px){.mobile-only-page-info{display:flex!important}.blog-pagination{justify-content:space-between;width:100%;padding:20px 16px;display:flex}}