.berita-page.svelte-djpnf0{min-height:100vh;background:#fff}.hero-section.svelte-djpnf0{position:relative;background:linear-gradient(135deg,#911449,#6b0f36);padding:8rem 1.5rem 4rem;overflow:hidden}.hero-overlay.svelte-djpnf0{position:absolute;inset:0;background:linear-gradient(135deg,#911449e6,#6b0f36f2);pointer-events:none}.hero-container.svelte-djpnf0{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.hero-title.svelte-djpnf0{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.2}.hero-subtitle.svelte-djpnf0{font-family:Poppins,sans-serif;font-size:1.125rem;color:#fffffff2;margin:0;line-height:1.6}.grid-section.svelte-djpnf0{padding:4rem 1.5rem;background:#f8f9fa}.grid-container.svelte-djpnf0{max-width:1200px;margin:0 auto}.news-grid.svelte-djpnf0{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.news-card.svelte-djpnf0{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.news-card.svelte-djpnf0:hover{transform:translateY(-4px);box-shadow:0 12px 24px #91144926}.card-image-container.svelte-djpnf0{position:relative;width:100%;padding-bottom:56.25%;background:#e9ecef;overflow:hidden}.card-image.svelte-djpnf0{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card-image-placeholder.svelte-djpnf0{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#911449,#6b0f36)}.placeholder-icon.svelte-djpnf0{font-size:4rem;opacity:.3}.card-content.svelte-djpnf0{padding:1.5rem;flex:1;display:flex;flex-direction:column}.publish-date.svelte-djpnf0{font-family:Poppins,sans-serif;font-size:.875rem;color:#911449;font-weight:600;margin-bottom:.75rem;display:block}.news-title.svelte-djpnf0{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-subtitle.svelte-djpnf0{font-family:Poppins,sans-serif;font-size:.9375rem;color:#666;margin:0 0 1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.read-more.svelte-djpnf0{font-family:Poppins,sans-serif;font-size:.9375rem;color:#911449;font-weight:600;margin-top:auto}.empty-state.svelte-djpnf0{text-align:center;padding:4rem 1.5rem;font-family:Poppins,sans-serif;color:#666}.pagination-section.svelte-djpnf0{padding:2rem 1.5rem 4rem;background:#f8f9fa}.pagination-container.svelte-djpnf0{max-width:800px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:.5rem}.pagination-button.svelte-djpnf0,.pagination-arrow.svelte-djpnf0{font-family:Poppins,sans-serif;min-width:44px;height:44px;border:none;background:#fff;color:#1a1a1a;font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.pagination-button.svelte-djpnf0:hover,.pagination-arrow.svelte-djpnf0:hover:not(:disabled){background:#f8f9fa;transform:translateY(-2px)}.pagination-button.active.svelte-djpnf0{background:#911449;color:#fff;font-weight:600}.pagination-arrow.svelte-djpnf0{font-size:1.5rem;padding:0 .5rem}.pagination-arrow.svelte-djpnf0:disabled{opacity:.3;cursor:not-allowed}@media(max-width:991px){.hero-title.svelte-djpnf0{font-size:2.5rem}.hero-subtitle.svelte-djpnf0{font-size:1rem}.news-grid.svelte-djpnf0{gap:1.5rem}}@media(max-width:767px){.hero-section.svelte-djpnf0{padding:6rem 1rem 3rem}.hero-title.svelte-djpnf0{font-size:2rem}.news-grid.svelte-djpnf0{grid-template-columns:1fr;gap:1.5rem}.grid-section.svelte-djpnf0{padding:3rem 1rem}}@media(max-width:479px){.hero-title.svelte-djpnf0{font-size:1.75rem}.hero-subtitle.svelte-djpnf0{font-size:.9375rem}.card-content.svelte-djpnf0{padding:1.25rem}.news-title.svelte-djpnf0{font-size:1.125rem}.news-subtitle.svelte-djpnf0{font-size:.875rem}.pagination-button.svelte-djpnf0,.pagination-arrow.svelte-djpnf0{min-width:40px;height:40px;font-size:.9375rem}}