.hero.svelte-cjud20{background:linear-gradient(135deg,#0f172a,#1e293b);padding:var(--spacing-20);text-align:center;color:var(--color-white)}.hero.svelte-cjud20 h1:where(.svelte-cjud20){font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--spacing-4)}.hero.svelte-cjud20 p:where(.svelte-cjud20){font-size:var(--font-size-xl);color:var(--color-gray-300);max-width:600px;margin:0 auto}.featured.svelte-cjud20{padding-top:0;margin-top:60px}.featured-card.svelte-cjud20{display:grid;grid-template-columns:1.5fr 1fr;background:var(--color-white);border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.featured-image.svelte-cjud20{background:var(--color-gray-200);min-height:400px;position:relative;background-image:url(/images/news/featured-bg.jpg);background-size:cover;background-position:center}.category-badge.svelte-cjud20{position:absolute;top:var(--spacing-6);left:var(--spacing-6);background:var(--color-primary);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase}.featured-content.svelte-cjud20{padding:var(--spacing-10);display:flex;flex-direction:column;justify-content:center}.article-meta.svelte-cjud20{display:flex;gap:var(--spacing-4);color:var(--color-gray-500);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.article-meta.svelte-cjud20 span:where(.svelte-cjud20){display:flex;align-items:center;gap:var(--spacing-2)}.featured-content.svelte-cjud20 h2:where(.svelte-cjud20){font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);line-height:1.3}.featured-content.svelte-cjud20 p:where(.svelte-cjud20){color:var(--color-gray-600);font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);line-height:1.7}.filter-bar.svelte-cjud20{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-10)}.filter-btn.svelte-cjud20{padding:var(--spacing-2) var(--spacing-5);background:transparent;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-full);color:var(--color-gray-600);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-btn.svelte-cjud20:hover,.filter-btn.active.svelte-cjud20{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.articles-grid.svelte-cjud20{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-12)}.article-card.svelte-cjud20{background:var(--color-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-normal);border:1px solid var(--color-gray-100)}.article-card.svelte-cjud20:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.article-image.svelte-cjud20{height:200px;background:var(--color-gray-200);position:relative;background-size:cover;background-position:center}.card-category.svelte-cjud20{position:absolute;top:var(--spacing-4);left:var(--spacing-4);background:#ffffffe6;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary)}.article-content.svelte-cjud20{padding:var(--spacing-6)}.article-content.svelte-cjud20 h3:where(.svelte-cjud20){font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);line-height:1.4}.article-content.svelte-cjud20 h3:where(.svelte-cjud20) a:where(.svelte-cjud20){color:var(--color-gray-900);transition:color var(--transition-fast)}.article-content.svelte-cjud20 h3:where(.svelte-cjud20) a:where(.svelte-cjud20):hover{color:var(--color-primary)}.article-content.svelte-cjud20 p:where(.svelte-cjud20){color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more.svelte-cjud20{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);transition:gap var(--transition-fast)}.read-more.svelte-cjud20:hover{gap:var(--spacing-3)}.pagination.svelte-cjud20{display:flex;justify-content:center;gap:var(--spacing-2)}.page-btn.svelte-cjud20{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-200);background:var(--color-white);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-gray-600)}.page-btn.svelte-cjud20:hover,.page-btn.active.svelte-cjud20{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.page-dots.svelte-cjud20{display:flex;align-items:center;color:var(--color-gray-400)}.newsletter.svelte-cjud20{background:var(--color-gray-50)}.newsletter-box.svelte-cjud20{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--border-radius-xl);padding:var(--spacing-12) var(--spacing-6);text-align:center;color:var(--color-white);position:relative;overflow:hidden}.newsletter-content.svelte-cjud20{position:relative;z-index:1;max-width:600px;margin:0 auto}.newsletter-icon.svelte-cjud20{width:70px;height:70px;background:#ffffff26;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);font-size:2rem}.newsletter-content.svelte-cjud20 h2:where(.svelte-cjud20){font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);color:var(--color-white)}.newsletter-content.svelte-cjud20 p:where(.svelte-cjud20){font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);opacity:.9}.newsletter-form.svelte-cjud20{display:flex;gap:var(--spacing-3);max-width:500px;margin:0 auto}.newsletter-input.svelte-cjud20{flex:1;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--border-radius-full);border:none;font-size:var(--font-size-base)}.newsletter-input.svelte-cjud20:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}@media(max-width:1024px){.featured-card.svelte-cjud20{grid-template-columns:1fr}.featured-image.svelte-cjud20{min-height:300px}}@media(max-width:768px){.hero.svelte-cjud20{padding:var(--spacing-12) 0 var(--spacing-10)}.featured.svelte-cjud20{margin-top:40px}.featured-content.svelte-cjud20 h2:where(.svelte-cjud20){font-size:var(--font-size-2xl)}.newsletter-form.svelte-cjud20{flex-direction:column}.newsletter-input.svelte-cjud20{width:100%}.newsletter-form.svelte-cjud20 .btn:where(.svelte-cjud20){width:100%}}@media(max-width:640px){.hero.svelte-cjud20 h1:where(.svelte-cjud20){font-size:var(--font-size-3xl)}.featured-content.svelte-cjud20{padding:var(--spacing-6)}.articles-grid.svelte-cjud20{grid-template-columns:1fr}.filter-bar.svelte-cjud20{overflow-x:auto;justify-content:flex-start;padding-bottom:var(--spacing-2);flex-wrap:nowrap}.filter-btn.svelte-cjud20{white-space:nowrap}}@media(max-width:480px){.featured-image.svelte-cjud20{min-height:200px}.article-image.svelte-cjud20{height:180px}.newsletter-box.svelte-cjud20{padding:var(--spacing-8) var(--spacing-4)}.newsletter-icon.svelte-cjud20{width:50px;height:50px;font-size:1.5rem}}