.blogs-index-page{background:var(--bg-main);padding-bottom:150px}.blogs-index-page .blogs-hero{background:var(--bg-alt);border-bottom:1px solid var(--border);margin-bottom:100px;padding:160px 0 100px;position:relative;overflow:hidden}.blogs-index-page .blogs-hero:before{content:"";opacity:.4;background-image:radial-gradient(at 0% 0%, rgba(var(--accent-rgb), .05) 0px, transparent 50%),radial-gradient(at 100% 0%, rgba(var(--accent-rgb), .05) 0px, transparent 50%);position:absolute;inset:0}.blogs-index-page .blogs-hero .blogs-hero-content{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:relative}.blogs-index-page .blogs-hero .blogs-hero-content h1{letter-spacing:-.05em;color:var(--text-main);margin-bottom:24px;font-size:4.5rem;font-weight:900;line-height:1}@media (max-width:768px){.blogs-index-page .blogs-hero .blogs-hero-content h1{font-size:3rem}}.blogs-index-page .blogs-hero .blogs-hero-content p{color:var(--text-muted);opacity:.8;max-width:650px;margin:0 auto;font-size:1.4rem;line-height:1.6}@media (max-width:768px){.blogs-index-page .blogs-hero .blogs-hero-content p{font-size:1.1rem}}.blogs-index-page .blogs-grid-section .blogs-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:60px;margin-bottom:80px;display:grid}@media (max-width:640px){.blogs-index-page .blogs-grid-section .blogs-grid{grid-template-columns:1fr}}.blogs-index-page .blogs-grid-section .blogs-loading{justify-content:center;align-items:center;padding:100px 0;display:flex}.blogs-index-page .blogs-grid-section .blogs-error,.blogs-index-page .blogs-grid-section .no-blogs{text-align:center;color:var(--text-muted);padding:100px 0;font-size:1.2rem}.blogs-index-page .blogs-grid-section .pagination{justify-content:center;align-items:center;gap:16px;margin-top:60px;display:flex}.blogs-index-page .blogs-grid-section .pagination .pagination-btn{background:var(--bg-card);border:1px solid var(--border);width:50px;height:50px;color:var(--text-main);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex}.blogs-index-page .blogs-grid-section .pagination .pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.blogs-index-page .blogs-grid-section .pagination .pagination-btn:disabled{opacity:.3;cursor:not-allowed}.blogs-index-page .blogs-grid-section .pagination .page-numbers{gap:8px;display:flex}.blogs-index-page .blogs-grid-section .pagination .page-numbers .page-num{background:var(--bg-card);border:1px solid var(--border);width:50px;height:50px;color:var(--text-main);cursor:pointer;border-radius:16px;font-weight:700;transition:all .3s}.blogs-index-page .blogs-grid-section .pagination .page-numbers .page-num:hover{border-color:var(--accent);color:var(--accent)}.blogs-index-page .blogs-grid-section .pagination .page-numbers .page-num.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 20px rgba(var(--accent-rgb), .3)}.blogs-index-page .blog-card{background:var(--bg-card);color:inherit;border:1px solid var(--border);height:100%;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;text-decoration:none;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.blogs-index-page .blog-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-16px)scale(1.02)}.blogs-index-page .blog-card:hover .card-image img{transform:scale(1.15)rotate(-1deg)}.blogs-index-page .blog-card:hover .card-content h3{color:var(--accent)}.blogs-index-page .blog-card .card-image{background:var(--bg-alt);height:280px;position:relative;overflow:hidden}.blogs-index-page .blog-card .card-image img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.blogs-index-page .blog-card .card-image .card-badge{background:rgba(var(--accent-rgb), .1);-webkit-backdrop-filter:blur(12px);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(var(--accent-rgb), .2);z-index:10;border-radius:14px;padding:8px 18px;font-size:.75rem;font-weight:800;position:absolute;top:24px;left:24px;box-shadow:0 4px 15px #0000000d}.blogs-index-page .blog-card .card-content{flex-direction:column;flex-grow:1;padding:38px;display:flex}.blogs-index-page .blog-card .card-content .card-date{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:20px;font-size:.85rem;font-weight:700;display:block}.blogs-index-page .blog-card .card-content h3{color:var(--text-main);letter-spacing:-.02em;margin-bottom:20px;font-size:1.8rem;font-weight:800;line-height:1.2;transition:color .4s}.blogs-index-page .blog-card .card-content p{color:var(--text-muted);line-clamp:3;-webkit-line-clamp:3;opacity:.8;-webkit-box-orient:vertical;font-size:1.05rem;line-height:1.7;display:-webkit-box;overflow:hidden}.blogs-index-page .blog-card-skeleton{background:var(--bg-alt);border:1px solid var(--border);border-radius:24px;height:550px}