.blog-list-page{min-height:100vh;background-color:var(--color-white)}.bl-hero{position:relative;background:linear-gradient(135deg,#0a1128,#172554,#0f172a);padding:calc(var(--section-pad-lg) + 60px) 0 var(--section-pad-lg);color:var(--color-white);overflow:hidden;border-bottom:1px solid rgba(249,115,22,.2)}.bl-hero-glow{position:absolute;top:-150px;right:-100px;width:550px;height:550px;background:radial-gradient(circle,#f9731633,#f9731600 70%);pointer-events:none;z-index:0}.bl-hero-container{position:relative;z-index:1;max-width:1000px;margin:0 auto;text-align:center}.bl-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#f9731626;border:1px solid rgba(249,115,22,.35);color:var(--color-accent-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.bl-title{color:var(--color-white);font-size:clamp(2.25rem,1.25rem + 2.5vw,3.5rem);font-weight:800;line-height:1.15;margin-bottom:var(--space-4);letter-spacing:-.02em}.bl-subtitle{color:var(--color-gray-300);font-size:clamp(1rem,.85rem + .5vw,1.25rem);line-height:1.6;max-width:800px;margin:0 auto var(--space-8)}.bl-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.bl-search-wrapper{position:relative;width:100%;max-width:580px}.bl-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-gray-300);pointer-events:none}.bl-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-8) + var(--space-2));background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-base);outline:none;transition:all var(--transition-fast);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bl-search-input:focus{background:#ffffff2e;border-color:var(--color-accent);box-shadow:0 0 15px #f973164d}.bl-search-input::placeholder{color:var(--color-gray-300)}.bl-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.bl-cat-btn{padding:var(--space-2) var(--space-4);background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:var(--color-gray-300);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.bl-cat-btn:hover{background:#ffffff26;color:var(--color-white);border-color:var(--color-white)}.bl-cat-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);box-shadow:0 4px 12px #f973164d}.bl-featured-card{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-xl);transition:transform var(--transition-base),box-shadow var(--transition-base)}.bl-featured-card:hover{transform:translateY(-4px);box-shadow:0 20px 35px -5px #0f172a26,0 0 20px #f9731626}.bl-featured-media{position:relative;overflow:hidden;min-height:380px;background:#0f172a}.bl-featured-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.bl-featured-card:hover .bl-featured-media img{transform:scale(1.04)}.bl-featured-badge{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--color-accent);color:var(--color-white);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.bl-featured-body{padding:var(--space-8);display:flex;flex-direction:column;justify-content:center}.bl-meta-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}.bl-category-tag{color:var(--color-accent);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bl-meta-item{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-gray-600);font-size:var(--text-xs)}.bl-featured-body h2{font-size:clamp(1.4rem,1rem + 1vw,1.85rem);font-weight:700;line-height:1.25;margin-bottom:var(--space-3)}.bl-featured-body h2 a{color:var(--color-primary)}.bl-featured-body h2 a:hover{color:var(--color-accent)}.bl-excerpt{color:var(--color-primary-light);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bl-keywords-preview{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6);font-size:var(--text-xs);color:var(--color-gray-600)}.bl-keywords-preview span:first-of-type{background:var(--color-gray-100);color:var(--color-primary);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm)}.bl-subtag{background:var(--color-gray-50);padding:2px 8px;border-radius:var(--radius-sm);color:var(--color-gray-600)}.bl-read-btn{align-self:flex-start}.bl-grid-header{border-bottom:2px solid var(--color-gray-100);padding-bottom:var(--space-4)}.bl-grid-header h2{font-size:var(--text-2xl);margin-bottom:0}.bl-count{color:var(--color-accent);font-size:var(--text-lg);font-weight:600}.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-8)}.bl-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast)}.bl-card:hover{transform:translateY(-5px);border-color:#f9731666;box-shadow:0 15px 30px -5px #0f172a1f,0 0 15px #f973161a}.bl-card-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#0f172a}.bl-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.bl-card:hover .bl-card-media img{transform:scale(1.05)}.bl-card-category{position:absolute;top:var(--space-3);right:var(--space-3);background:#0f172ad9;backdrop-filter:blur(4px);color:var(--color-accent-light);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full);border:1px solid rgba(249,115,22,.3)}.bl-card-body{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.bl-card-title{font-size:var(--text-xl);font-weight:700;line-height:1.3;margin-bottom:var(--space-3)}.bl-card-title a{color:var(--color-primary)}.bl-card-title a:hover{color:var(--color-accent)}.bl-card-excerpt{color:var(--color-primary-light);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.bl-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-gray-100);padding-top:var(--space-4);margin-top:auto}.bl-keyword-pill{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--color-gray-600);background:var(--color-gray-100);padding:3px 8px;border-radius:var(--radius-sm);max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-card-link{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--color-accent);transition:gap var(--transition-fast)}.bl-card:hover .bl-card-link{gap:var(--space-2);color:var(--color-accent-dark)}.bl-no-results{padding:var(--space-12);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl)}.bl-cta-card{background:linear-gradient(135deg,#0a1128,#172554);color:var(--color-white);padding:var(--space-12) var(--space-6);border-radius:var(--radius-xl);border:1px solid rgba(249,115,22,.35);box-shadow:var(--shadow-2xl);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-fast)}.bl-cta-card:hover{border-color:#f97316a6;box-shadow:0 20px 40px -10px #0a112880,0 0 25px #f9731640;transform:translateY(-4px)}.bl-cta-card h2{color:var(--color-white);font-size:clamp(1.6rem,1rem + 1.5vw,2.25rem);margin-bottom:var(--space-3)}.bl-cta-card p{color:var(--color-gray-300);font-size:var(--text-base);max-width:700px;margin:0 auto var(--space-8)}.bl-cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media(max-width:900px){.bl-featured-card{grid-template-columns:1fr}.bl-featured-media{min-height:260px}}@media(max-width:640px){.bl-grid{grid-template-columns:1fr}.bl-cta-actions{flex-direction:column}.bl-cta-actions .btn{width:100%}}