.blog-hero{background:#f8f9fb;align-items:center;min-height:300px;padding:0;display:flex}.blog-hero-inner{max-width:var(--container);justify-content:space-between;align-items:center;gap:32px;width:100%;margin:0 auto;padding:0 24px;display:flex}.blog-hero-left{max-width:60%}.blog-hero-badge{color:#0057ff;letter-spacing:1px;text-transform:uppercase;background:#ebf0ff;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.blog-hero h1{color:#1a1a2e;margin:12px 0 0;font-size:40px;font-weight:700;line-height:50px}.blog-hero .sub{color:#6b7280;max-width:480px;margin:10px 0 0;font-size:17px;line-height:28px}.blog-search-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;max-width:360px;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.blog-search-bar:focus-within{border-color:#0057ff;box-shadow:0 0 0 3px #0057ff1f}.blog-search-bar .icon{color:#9ca3af;flex:none}.blog-search-bar input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:15px}.blog-search-bar input::placeholder{color:#9ca3af;font-weight:400}.cat-tabs{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;height:52px;display:flex;position:sticky;top:72px}.cat-tabs-inner{max-width:var(--container);gap:8px;width:100%;margin:0 auto;padding:0 24px;display:flex}.cat-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:14px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:color .15s;position:relative}.cat-tab:hover{color:#1a1a2e}.cat-tab.active{color:#0057ff}.cat-tab.active:after{content:"";background:#0057ff;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.featured-sec{background:#fff;padding:32px 0}.featured-card{border-radius:20px;grid-template-columns:55% 45%;min-height:340px;display:grid;overflow:hidden;box-shadow:0 4px 20px #00000014}.featured-img{background:radial-gradient(60% 50% at 40% 60%,#3cb4784d 0%,#0000 70%),linear-gradient(160deg,#2a6a4a 0%,#4a8a6a 30%,#6aaa8a 60%,#8acaaa 100%);min-height:340px;position:relative;overflow:hidden}.featured-img:hover .fi-inner{transform:scale(1.03)}.fi-inner{transition:transform .4s;position:absolute;inset:0}.featured-img .photo-tag{color:#ffffff73;z-index:1;font:10px/1 ui-monospace,monospace;position:absolute;bottom:12px;left:12px}.featured-body{flex-direction:column;justify-content:center;padding:36px 40px;display:flex}.featured-badge{color:#fff;background:#0057ff;border-radius:100px;align-self:flex-start;padding:4px 14px;font-size:11px;font-weight:600;display:inline-flex}.featured-body h2{color:#1a1a2e;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 0;font-size:24px;font-weight:600;line-height:32px;display:-webkit-box;overflow:hidden}.featured-body .excerpt{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 0;font-size:15px;line-height:24px;display:-webkit-box;overflow:hidden}.featured-meta{color:#9ca3af;align-items:center;gap:7px;margin-top:16px;font-size:13px;display:flex}.featured-meta .icon{color:#9ca3af}.featured-meta .dot{background:#9ca3af;border-radius:50%;width:3px;height:3px}.featured-read{color:#0057ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:16px;padding:0;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.featured-read .arr{transition:transform .2s;display:inline-flex}.featured-read:hover .arr{transform:translate(4px)}.blog-grid-sec{background:#f8f9fb;padding:40px 0 80px}.blog-grid-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.blog-grid-header h2{color:#1a1a2e;margin:0;font-size:24px;font-weight:600}.blog-sort{color:#4b5563;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.pagination{justify-content:center;align-items:center;gap:6px;margin-top:32px;display:flex}.page-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:flex}.page-btn.num{color:#6b7280;background:#fff;border:1px solid #e5e7eb}.page-btn.num:hover{color:#0057ff;background:#ebf0ff;border-color:#0057ff}.page-btn.num.active{color:#fff;background:#0057ff;border:1px solid #0057ff}.page-btn.arrow{color:#9ca3af;background:#fff;border:1px solid #e5e7eb}.page-btn.arrow:hover:not(.disabled){color:#0057ff;border-color:#0057ff}.page-btn.arrow.disabled{color:#d1d5db;cursor:not-allowed;background:#f8f9fb}.page-ellipsis{color:#9ca3af;padding:0 4px;font-size:14px}@media (max-width:1100px){.featured-card{grid-template-columns:1fr}.featured-img{min-height:240px}.blog-hero-inner{flex-direction:column;align-items:flex-start}.blog-hero-left{max-width:100%}}@media (max-width:768px){.blog-hero h1{font-size:28px;line-height:36px}.blog-hero{min-height:200px}.cat-tabs{overflow-x:auto}.cat-tabs-inner{gap:4px;overflow-x:auto}.featured-body{padding:24px}.featured-body h2{font-size:20px;line-height:28px}}