.blog-hero{padding:170px 0 80px;background:var(--off-white);position:relative;overflow:hidden;text-align:center}.blog-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 80% 20%,rgba(108,63,197,.1) 0,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(139,92,246,.07) 0,transparent 50%);pointer-events:none}.blog-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.blog-hero h1{font-size:clamp(2.4rem, 5vw, 3.8rem);font-weight:800;color:var(--text-dark);margin-bottom:18px;line-height:1.1}.blog-hero h1 span{color:var(--purple)}.blog-hero .lead{margin-bottom:36px}.blog-search-bar{display:flex;max-width:500px;margin:0 auto;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.blog-search-bar:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(108,63,197,.12),var(--shadow-md)}.blog-search-bar input{flex:1;padding:14px 20px;border:none;background:0 0;font-size:15px;color:var(--text-dark);font-family:var(--font);outline:0}.blog-search-bar input::placeholder{color:var(--gray-light)}.blog-search-btn{padding:12px 24px;background:var(--purple);color:#fff;border:none;font-size:15px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px;font-family:var(--font);font-weight:600;border-radius:0 var(--radius-full) var(--radius-full) 0}.blog-search-btn:hover{background:var(--purple-dark)}.blog-filter-bar{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:78px;z-index:90;box-shadow:0 4px 20px rgba(0,0,0,.05)}.blog-filter-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;overflow-x:auto;scrollbar-width:none}.blog-filter-inner::-webkit-scrollbar{display:none}.blog-filter-pills{display:flex;gap:6px;flex-shrink:0}.blog-filter-btn{padding:8px 18px;border-radius:var(--radius-full);border:1.5px solid var(--border);background:0 0;font-family:var(--font);font-size:13.5px;font-weight:600;color:var(--gray);cursor:pointer;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;gap:6px}.blog-filter-btn i{font-size:11px}.blog-filter-btn:hover{color:var(--purple);border-color:var(--purple);background:var(--purple-glass)}.blog-filter-btn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.blog-sort-select{padding:8px 32px 8px 16px;border-radius:var(--radius-full);border:1.5px solid var(--border);font-family:var(--font);font-size:13.5px;font-weight:600;color:var(--gray-dark);background:var(--white);cursor:pointer;outline:0;flex-shrink:0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px;transition:var(--transition)}.blog-sort-select:focus{border-color:var(--purple)}.blog-section{padding:72px 0 100px}.blog-main-layout{display:block}.blog-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.blog-card-featured{grid-column:span 3;display:grid;grid-template-columns:1.2fr 1fr;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-sm);transition:var(--transition);min-height:320px}.blog-card-featured:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.blog-card-featured .blog-thumb{aspect-ratio:unset;min-height:280px}.blog-card-featured .blog-thumb img{height:100%;width:100%;object-fit:cover}.blog-card-featured .blog-body{padding:36px;display:flex;flex-direction:column}.blog-card-featured .blog-title{font-size:22px}.blog-featured-label{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,var(--purple),var(--purple-light));color:#fff;padding:5px 14px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;letter-spacing:.05em;margin-bottom:14px}.blog-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.blog-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--gray-xlight);position:relative}.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.blog-card:hover .blog-thumb img{transform:scale(1.06)}.blog-cat-pill{position:absolute;top:14px;left:14px;background:var(--purple);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.blog-read-time{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.55);color:#fff;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}.blog-body{padding:26px;flex:1;display:flex;flex-direction:column}.blog-meta{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}.blog-meta-item{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--gray);font-weight:500}.blog-meta-item i{font-size:11px;color:var(--purple)}.blog-title{font-size:17.5px;font-weight:700;color:var(--text-dark);margin-bottom:10px;line-height:1.38;transition:var(--transition)}.blog-card-featured:hover .blog-title,.blog-card:hover .blog-title{color:var(--purple)}.blog-excerpt{font-size:14px;line-height:1.75;flex:1;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border);margin-top:auto}.blog-author-sm{display:flex;align-items:center;gap:9px}.blog-author-sm img{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--purple-xlight)}.blog-author-name{font-size:13px;font-weight:600;color:var(--text-dark);line-height:1.1}.blog-author-role{font-size:11px;color:var(--gray)}.blog-read-link{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--purple);transition:var(--transition)}.blog-read-link i{font-size:11px;transition:transform .3s}.blog-card-featured:hover .blog-read-link i,.blog-card:hover .blog-read-link i{transform:translateX(5px)}.blog-load-more{text-align:center;margin-top:48px;padding-top:40px;border-top:1px solid var(--border)}.blog-load-progress{font-size:13px;color:var(--gray);margin-bottom:20px;font-weight:500}.blog-load-bar{width:240px;height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin:0 auto 20px}.blog-load-bar-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--purple-light));border-radius:var(--radius-full);width:60%}.blog-sidebar{display:flex;flex-direction:column;gap:28px}.sidebar-widget{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sidebar-widget-head{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-widget-head h4{font-size:15px;font-weight:700;color:var(--text-dark)}.sidebar-widget-head i{color:var(--purple);font-size:14px}.sidebar-widget-body{padding:20px 24px}.sidebar-search{display:flex;background:var(--gray-xlight);border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--border)}.sidebar-search input{flex:1;padding:11px 14px;background:0 0;border:none;font-family:var(--font);font-size:14px;color:var(--text-dark);outline:0}.sidebar-search button{padding:11px 16px;background:var(--purple);border:none;color:#fff;cursor:pointer;transition:var(--transition);font-size:13px}.sidebar-search button:hover{background:var(--purple-dark)}.category-list{display:flex;flex-direction:column;gap:2px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-body);transition:var(--transition);cursor:pointer}.category-item:hover{background:var(--purple-glass);color:var(--purple)}.category-item span{display:flex;align-items:center;gap:8px}.category-item i{font-size:12px;color:var(--purple)}.cat-count{background:var(--gray-xlight);color:var(--gray);padding:2px 9px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700}.category-item:hover .cat-count{background:var(--purple-xlight);color:var(--purple)}.recent-post-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);transition:var(--transition);cursor:pointer}.recent-post-item:last-child{border-bottom:none;padding-bottom:0}.recent-post-item:hover .recent-post-title{color:var(--purple)}.recent-post-thumb{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--gray-xlight)}.recent-post-thumb img{width:100%;height:100%;object-fit:cover}.recent-post-title{font-size:13.5px;font-weight:600;color:var(--text-dark);line-height:1.35;margin-bottom:5px;transition:var(--transition)}.recent-post-date{font-size:12px;color:var(--gray);display:flex;align-items:center;gap:4px}.recent-post-date i{font-size:10px;color:var(--purple)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-block;padding:5px 13px;border-radius:var(--radius-full);background:var(--gray-xlight);color:var(--gray-dark);font-size:12.5px;font-weight:600;border:1.5px solid var(--border);transition:var(--transition);cursor:pointer}.tag-pill:hover{background:var(--purple);color:#fff;border-color:var(--purple);transform:translateY(-1px)}.newsletter-widget{background:linear-gradient(135deg,var(--purple-dark),var(--purple));border-radius:var(--radius-lg);padding:28px 24px;text-align:center;position:relative;overflow:hidden;border:none}.newsletter-widget::before{content:'';position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.07)}.newsletter-widget-icon{width:52px;height:52px;background:rgba(255,255,255,.15);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;margin:0 auto 16px;position:relative;z-index:1}.newsletter-widget h4{font-size:17px;font-weight:700;color:#fff;margin-bottom:8px;position:relative;z-index:1}.newsletter-widget p{font-size:13.5px;color:rgba(255,255,255,.8);margin-bottom:18px;position:relative;z-index:1;line-height:1.55}.newsletter-input{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.newsletter-input input{padding:11px 16px;border-radius:var(--radius-full);border:none;font-family:var(--font);font-size:14px;color:var(--text-dark);outline:0;background:#fff}.newsletter-input button{padding:11px;background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:var(--radius-full);font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.newsletter-input button:hover{background:rgba(255,255,255,.3)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:48px}.page-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);font-family:var(--font);font-size:14px;font-weight:600;color:var(--gray-dark);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.page-btn:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-glass)}.page-btn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.page-btn.nav{width:auto;padding:0 16px;gap:6px;font-size:13px}.page-ellipsis{color:var(--gray);font-size:14px;padding:0 4px}.blog-cta-section{background:linear-gradient(135deg,var(--purple-dark),var(--purple));padding:80px 0;position:relative;overflow:hidden}.blog-cta-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:30px 30px}.blog-cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.blog-cta-text h2{font-size:clamp(1.8rem, 3vw, 2.6rem);font-weight:800;color:#fff;margin-bottom:14px}.blog-cta-text p{color:rgba(255,255,255,.8);font-size:16px;line-height:1.7}.blog-cta-form{background:rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:32px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.blog-cta-form h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:6px}.blog-cta-form p{font-size:13.5px;color:rgba(255,255,255,.75);margin-bottom:20px}.cta-form-group{display:flex;flex-direction:column;gap:12px}.cta-form-input{padding:13px 18px;border-radius:var(--radius-sm);border:none;font-family:var(--font);font-size:14px;color:var(--text-dark);outline:0;background:#fff;width:100%}.cta-form-input::placeholder{color:var(--gray-light)}.cta-form-submit{padding:13px;background:var(--purple-dark);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.cta-form-submit:hover{background:rgba(255,255,255,.15)}@media (max-width:1200px){.blog-posts-grid{grid-template-columns:repeat(2,1fr);gap:24px}.blog-card-featured{grid-column:span 2}}@media (max-width:992px){.blog-hero{padding:140px 0 60px}.blog-posts-grid{grid-template-columns:1fr 1fr;gap:24px}.blog-card-featured{grid-column:span 2}.blog-filter-bar{top:66px}}@media (max-width:768px){.blog-hero h1{font-size:clamp(2.2rem, 8vw, 3.2rem)}.blog-posts-grid{grid-template-columns:1fr;gap:30px}.blog-card-featured{grid-template-columns:1fr;grid-column:span 1;min-height:auto}.blog-card-featured .blog-thumb{min-height:240px;aspect-ratio:16/9}.blog-card-featured .blog-body{padding:24px}.blog-filter-inner{flex-direction:column;align-items:stretch;padding:16px 0}.blog-filter-pills{overflow-x:auto;padding-bottom:8px;margin-bottom:8px}.blog-sort-select{width:100%}.blog-cta-inner{grid-template-columns:1fr;gap:40px}.blog-cta-text{text-align:center}.blog-cta-text div{justify-content:center}}@media (max-width:645px){.blog-section{padding-top:40px}.blog-hero{padding:120px 10px 50px}.blog-hero-inner{max-width:100%}.blog-card,.blog-card-featured{border-radius:0;border-left:none;border-right:none;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.blog-body{padding:20px 16px}.blog-title{font-size:19px}}@media (max-width:480px){.blog-hero h1{font-size:2.1rem}.blog-pagination{gap:4px}.page-btn{width:36px;height:36px;font-size:13px}.page-btn.nav{padding:0 10px}.blog-search-bar{flex-direction:column;border-radius:var(--radius-lg)}.blog-search-btn{width:100%;border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:center}}