.berita-page{background:var(--bg)}.berita-hero{position:relative;min-height:380px;background:linear-gradient(180deg,#3d2a1f,#352318 15%,#2c1c13 35%,#231610 60%,#1c1310 80%,#1a1410);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem}.berita-hero:before{background:radial-gradient(ellipse 100% 60% at 50% 40%,rgba(70,45,30,.4),transparent 60%),radial-gradient(circle at 50% 30%,rgba(212,165,116,.06),transparent 50%)}.berita-hero:after,.berita-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.berita-hero:after{background:linear-gradient(135deg,transparent,rgba(212,165,116,.03) 50%,transparent);animation:heroShimmer 8s ease-in-out infinite}@keyframes heroShimmer{0%,to{opacity:0}50%{opacity:1}}.berita-hero-overlay{display:none}.berita-hero-content{position:relative;z-index:2;text-align:center;color:white;padding:0 2rem;max-width:800px;animation:beritaFadeInUp .8s ease-out}@keyframes beritaFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.berita-breadcrumb{font-size:.95rem;color:#d4a574;margin-bottom:1.5rem;display:block;letter-spacing:.5px}.berita-breadcrumb a{color:#d4a574;text-decoration:none;transition:color .3s ease}.berita-breadcrumb a:hover{color:#e8c9a0}.berita-breadcrumb .separator{margin:0 .6rem;color:#d4a574;opacity:.7}.berita-breadcrumb .active{color:#e8c9a0}.berita-hero-content h1{font-size:3.5rem;font-weight:700;margin:.75rem 0 1.25rem;color:#e8c9a0;letter-spacing:1px;line-height:1.2;text-shadow:0 4px 30px rgba(0,0,0,.4)}.berita-hero-content p{font-size:1.15rem;color:rgba(255,255,255,.85);max-width:600px;margin:0 auto;line-height:1.7;letter-spacing:.3px}@media (max-width:1024px){.berita-hero{min-height:340px;padding:3.5rem 1.5rem}.berita-hero-content h1{font-size:2.75rem}}@media (max-width:768px){.berita-hero{min-height:280px;padding:3rem 1.25rem}.berita-hero-content h1{font-size:2rem;margin:.5rem 0 1rem}.berita-hero-content p{font-size:1rem;line-height:1.6}.berita-breadcrumb{font-size:.85rem;margin-bottom:1rem}}@media (max-width:480px){.berita-hero{min-height:240px;padding:2.5rem 1rem}.berita-hero-content h1{font-size:1.65rem}.berita-hero-content p{font-size:.9rem}}.berita-content{position:relative;padding:4rem 0;background:linear-gradient(180deg,#1a1410,#1c1612 15%,#1e1814 35%,#201a16 55%,#221c18 75%,#221c18)}.berita-content .container{max-width:1200px;margin:0 auto;padding:0 2rem}.berita-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.berita-info h2{font-size:1.75rem;color:#ffffff;margin:0 0 .25rem;font-weight:700}.berita-info p{color:#9a9a9a;font-size:.95rem;margin:0}.search-form{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.search-wrapper{display:flex;gap:0;background:#252019;border:1px solid #3d2f24;border-radius:12px;overflow:hidden;transition:all .3s ease}.search-wrapper:focus-within{border-color:#d4a574;box-shadow:0 0 0 3px rgba(212,165,116,.15)}.search-input{padding:.875rem 1.25rem;border:none;background:transparent;color:#ffffff;font-size:.95rem;width:280px;outline:none}.search-input::placeholder{color:#7a7a7a;opacity:1}.search-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#c9a06a,#d4a574);border:none;color:#1a0f0a;cursor:pointer;font-size:1rem;transition:all .3s ease}.search-btn:hover{background:linear-gradient(135deg,#d4a574,#e0b88a)}.clear-search{background:none;border:none;color:#d4a574;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline}.clear-search:hover{color:#e8c9a0}.loading-state{text-align:center;padding:4rem 0}.loading-spinner{width:50px;height:50px;border:3px solid #3d2f24;border-top-color:#d4a574;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#9a9a9a}.empty-state{text-align:center;padding:4rem 0}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#ffffff;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#8a8a8a;font-size:1.1rem;margin-bottom:1.5rem}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.news-card-link{text-decoration:none;display:block}.news-card{background:#252019;border:1px solid #3d2f24;border-radius:16px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.35);border-color:#d4a574}.news-card__image{position:relative;height:200px;overflow:hidden}.news-card__image img{transition:transform .4s ease}.news-card:hover .news-card__image img{transform:scale(1.08)}.news-card__category{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#8b5a2b,#d4a574);color:white;padding:.35rem .875rem;border-radius:50px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.news-card__content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.news-card__date{font-size:.8rem;color:#d4a574;font-weight:500;margin-bottom:.5rem}.news-card__title{font-size:1.15rem;font-weight:700;color:#ffffff;margin:0 0 .75rem;line-height:1.4;-webkit-line-clamp:2}.news-card__excerpt,.news-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.news-card__excerpt{font-size:.9rem;color:#9a9a9a;line-height:1.6;margin:0 0 1rem;flex:1;-webkit-line-clamp:3}.news-card__read-more{font-size:.9rem;color:#d4a574;font-weight:600;transition:color .2s}.news-card:hover .news-card__read-more{color:#e8c9a0}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding-top:2rem}.pagination-numbers{display:flex;gap:.5rem}.pagination-btn{padding:.625rem 1rem;background:#252019;border:1px solid #3d2f24;border-radius:10px;color:#ffffff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){border-color:#d4a574;background:rgba(212,165,116,.15)}.pagination-btn.active{background:linear-gradient(135deg,#8b5a2b,#d4a574);border-color:transparent;color:white}.pagination-btn.nav{padding:.625rem 1.25rem}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{padding:.625rem .5rem;color:#6b6b6b}@media (max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.berita-header{flex-direction:column;gap:1.5rem}.berita-header,.search-form{align-items:stretch}.search-input{width:100%}.news-grid{grid-template-columns:1fr;gap:1.25rem}.berita-content{padding:3rem 0}.pagination{flex-wrap:wrap;gap:.75rem}}@media (max-width:480px){.berita-info h2{font-size:1.5rem}.news-card__image{height:180px}.news-card__content{padding:1.25rem}.pagination-btn{padding:.5rem .75rem;font-size:.85rem}}