.blog-page{padding-top:2rem;padding-bottom:5rem}.blog-header{text-align:center;margin-bottom:4rem;position:relative}.blog-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-light) 0,var(--gray-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.dark .blog-header h1{background:linear-gradient(135deg,var(--text-dark) 0,var(--gray-400) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-header p{font-size:1.125rem;color:var(--gray-500);max-width:600px;margin:0 auto}.blog-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;border-radius:99px;background:var(--surface-light);border:1px solid var(--gray-200);color:var(--gray-600);font-weight:500;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.dark .filter-btn{background:var(--surface-dark);border-color:var(--gray-800);color:var(--gray-400)}.filter-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 10px 20px rgba(29,140,248,.2)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.blog-card{background:var(--surface-light);border-radius:24px;overflow:hidden;border:1px solid var(--gray-100);transition:all .4s cubic-bezier(.4, 0, .2, 1);height:100%;display:flex;flex-direction:column}.dark .blog-card{background:var(--surface-dark);border-color:var(--gray-800)}.blog-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px -12px rgba(0,0,0,.1);border-color:var(--primary-hover)}.blog-card-image{aspect-ratio:16/10;overflow:hidden;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-card-badge{position:absolute;top:1.25rem;left:1.25rem;padding:.5rem 1rem;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-radius:99px;font-size:.75rem;font-weight:600;color:var(--primary);z-index:10}.blog-card-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.813rem;color:var(--gray-500)}.blog-card-meta span{display:flex;align-items:center;gap:.4rem}.blog-card-meta i{font-size:1rem}.blog-card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.4;color:var(--text-light);transition:color .2s}.dark .blog-card-title{color:var(--text-dark)}.blog-card:hover .blog-card-title{color:var(--primary)}.blog-card-excerpt{color:var(--gray-500);line-height:1.6;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--gray-100)}.dark .blog-card-footer{border-color:var(--gray-800)}.read-more{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600;font-size:.875rem}.read-more i{transition:transform .3s}.blog-card:hover .read-more i{transform:translateX(4px)}.blog-featured{margin-bottom:2rem}.blog-featured .featured-content{color:inherit}.featured-card{display:grid;grid-template-columns:1.2fr 1fr;background:var(--surface-light);border-radius:32px;overflow:hidden;border:1px solid var(--gray-100);min-height:450px}.dark .featured-card{background:var(--surface-dark);border-color:var(--gray-800)}.featured-image{position:relative;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-content{padding:4rem;display:flex;flex-direction:column;justify-content:center}.featured-badge{display:inline-flex;padding:.5rem 1.25rem;background:var(--blue-50);color:var(--primary);border-radius:99px;font-weight:700;font-size:.875rem;margin-bottom:2rem;align-self:flex-start}.dark .featured-badge{background:rgba(29,140,248,.1)}.featured-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--text-light)}.dark .featured-title{color:#fff}.featured-excerpt{font-size:1.125rem;color:var(--gray-500);margin-bottom:2.5rem;line-height:1.6}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:.5rem;row-gap:.75rem;margin-top:5rem}.pagination__pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem}.page-link{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--surface-light);border:1px solid var(--gray-200);color:var(--gray-600);font-weight:600;font-size:.9375rem;line-height:1;text-decoration:none;transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.dark .page-link{background:var(--surface-dark);border-color:var(--gray-800);color:var(--gray-400);box-shadow:0 1px 2px rgba(0,0,0,.25)}.page-link--nav{width:auto;min-width:48px;height:48px;padding:0 1.25rem;column-gap:.35rem}.page-link--nav .material-icons-outlined{font-size:1.25rem}.page-link--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.page-link--ellipsis{width:auto;min-width:2rem;padding:0 .25rem;border-color:transparent;background:0 0;box-shadow:none;cursor:default;color:var(--gray-400)}.page-link:hover:not(.page-link--disabled):not(.page-link--ellipsis):not(.active){border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.dark .page-link:hover:not(.page-link--disabled):not(.page-link--ellipsis):not(.active){border-color:var(--primary);color:var(--primary)}.page-link.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(29,140,248,.3)}.page-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.newsletter-section{margin-top:5rem;background:linear-gradient(135deg,var(--gray-900) 0,#0a0e27 100%);border-radius:32px;padding:5rem;text-align:center;color:#fff;position:relative;overflow:hidden}.newsletter-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(29,140,248,.15) 0,transparent 70%)}.newsletter-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.newsletter-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.newsletter-desc{color:var(--gray-400);margin-bottom:2.5rem}.newsletter-form{display:flex;gap:1rem;background:rgba(255,255,255,.05);padding:.5rem;border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.newsletter-input{flex-grow:1;background:0 0;border:none;padding:0 1.5rem;color:#fff;outline:0}.newsletter-input::placeholder{color:var(--gray-500)}.newsletter-btn{padding:1rem 2rem;background:var(--primary);color:#fff;border-radius:12px;font-weight:600;transition:all .3s}.newsletter-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}@media (max-width:1024px){.featured-card{grid-template-columns:1fr;min-height:auto}.featured-image{aspect-ratio:16/9}.featured-content{padding:2.5rem}.featured-title{font-size:2rem}}@media (max-width:768px){.blog-page{padding-top:1.5rem;padding-bottom:3rem}.blog-header{margin-bottom:2.5rem;text-align:left}.blog-header h1{font-size:2.2rem;margin-bottom:1rem}.blog-header p{font-size:1rem;margin:0}.blog-featured{margin-bottom:1.5rem}.featured-card{border-radius:20px}.featured-content{padding:1.5rem}.featured-badge{margin-bottom:1rem;padding:.4rem 1rem;font-size:.75rem}.featured-title{font-size:1.5rem;margin-bottom:1rem}.featured-excerpt{font-size:.95rem;margin-bottom:1.5rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card{border-radius:20px}.blog-card-content{padding:1.5rem}.blog-card-title{font-size:1.25rem}.pagination{margin-top:3rem;column-gap:.35rem;row-gap:.5rem}.pagination__pages{column-gap:.35rem;row-gap:.35rem}.page-link{width:40px;height:40px;font-size:.875rem;border-radius:8px}.page-link--nav{min-width:40px;height:40px;padding:0 .875rem}.page-link--nav .material-icons-outlined{font-size:1.125rem}.newsletter-section{margin-top:3rem;padding:2.5rem 1.25rem;border-radius:24px}.newsletter-title{font-size:1.8rem}.newsletter-desc{font-size:.95rem;margin-bottom:2rem}.newsletter-form{flex-direction:column;background:0 0;padding:0;border:none;gap:.75rem}.newsletter-input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;border-radius:12px;width:100%}.newsletter-btn{width:100%;padding:1rem}}@media (max-width:480px){.blog-header h1{font-size:1.8rem}.featured-title{font-size:1.35rem}.blog-card-meta{font-size:.75rem;gap:.75rem}}.blog-vitrin-section{position:relative}.blog-vitrin-slider{padding:2rem 0 4rem 0;position:relative}.blog-vitrin-slider .swiper-slide{height:auto}.blog-vitrin-slider .blog-card{height:100%}.blog-vitrin-slider .swiper-pagination{bottom:0}.blog-vitrin-slider .swiper-pagination-bullet{background:var(--primary);opacity:.3}.blog-vitrin-slider .swiper-pagination-bullet-active{opacity:1}.blog-vitrin-slider .swiper-button-next,.blog-vitrin-slider .swiper-button-prev{color:var(--primary);background:var(--surface-light);border-radius:50%;width:48px;height:48px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.dark .blog-vitrin-slider .swiper-button-next,.dark .blog-vitrin-slider .swiper-button-prev{background:var(--surface-dark)}.blog-vitrin-slider .swiper-button-next:hover,.blog-vitrin-slider .swiper-button-prev:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.blog-vitrin-slider .swiper-button-next::after,.blog-vitrin-slider .swiper-button-prev::after{font-size:20px;font-weight:700}@media (max-width:768px){.blog-vitrin-slider .swiper-button-next,.blog-vitrin-slider .swiper-button-prev{display:none}}