section.hero-section.hero-subpage{border-radius:0!important;margin-bottom:0!important}body{background-color:#0b63e5!important}.berita-wrapper{padding:60px 0 120px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0b63e5,#1d4ed8 45%,#0284c7 80%,#1e40af)!important}.berita-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse 160% 120% at 0% -20%,rgba(56,189,248,.25) 0%,transparent 60%),radial-gradient(ellipse 140% 100% at 100% 100%,rgba(30,58,138,.4) 0%,transparent 65%),url("data:image/svg+xml,%3Csvg width='1440' height='800' viewBox='0 0 1440 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-100 200 C300 400 800 100 1540 300' stroke='%2338bdf8' stroke-width='24' stroke-opacity='0.18' stroke-linecap='round'/%3E%3Cpath d='M-50 100 C400 350 900 50 1500 220' stroke='%2360a5fa' stroke-width='16' stroke-opacity='0.22' stroke-linecap='round'/%3E%3Cpath d='M100 620 C500 380 1000 650 1600 320' stroke='%23ffffff' stroke-width='14' stroke-opacity='0.12' stroke-linecap='round'/%3E%3C/svg%3E");background-position:center center;background-repeat:no-repeat;background-size:cover;pointer-events:none;z-index:1}.berita-container{width:100%;max-width:1240px;margin:0 auto;padding:0 40px;position:relative;z-index:2}.berita-search-bar-wrapper{display:flex;align-items:center;gap:12px;max-width:920px;margin:0 auto 50px;background:#fff;padding:10px 14px;border-radius:20px;box-shadow:0 10px 30px #00000014;border:1px solid #f1f5f9;box-sizing:border-box}.dynamic-search-box{flex:1;min-width:0}.search-input-group{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:8px 14px;min-height:48px;height:auto;box-sizing:border-box;transition:all .2s ease;width:100%;min-width:0}.search-input-group:focus-within{border-color:#0b63e5;background:#fff;box-shadow:0 0 0 3px #0b63e51f}.search-icon{color:#94a3b8;font-size:16px;flex-shrink:0}.search-text-input{width:100%;border:none;outline:none;background:transparent;font-size:15px;font-family:Inter,sans-serif;color:#0f172a;min-width:0}.search-text-input::-moz-placeholder{color:#94a3b8}.search-text-input::placeholder{color:#94a3b8}.date-picker-group{padding:6px 12px}.date-range-flex{display:flex;align-items:center;gap:8px;width:100%;min-width:0;flex-wrap:wrap}.date-input-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:110px;max-width:100%}.date-label{font-size:12px;font-weight:600;color:#64748b;white-space:nowrap;flex-shrink:0}.date-field-input{border:none;outline:none;background:transparent;font-size:13px;font-family:Inter,sans-serif;color:#0f172a;width:100%;min-width:0;box-sizing:border-box;cursor:pointer}.date-field-input::-webkit-calendar-picker-indicator{cursor:pointer!important;opacity:1!important;width:24px!important;height:24px!important;margin-left:4px!important;filter:brightness(0)!important}.date-field-input::-webkit-calendar-picker-indicator:hover{transform:none!important;background-color:transparent!important}.date-separator{font-size:12px;font-weight:700;color:#94a3b8;flex-shrink:0}.category-select-input{width:100%;border:none;outline:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2394a3b8'%3e%3cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 85.7 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:28px;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:14.5px;font-family:Inter,sans-serif;color:#0f172a;cursor:pointer}.filter-by-box{flex-shrink:0;width:145px}.filter-by-select{width:100%;height:48px;padding:10px 32px 10px 16px;border-radius:14px;border:1px solid #e2e8f0;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%2364748b'%3e%3cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 85.7 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:14px;font-weight:600;color:#475569;cursor:pointer;outline:none;transition:all .2s ease}.filter-by-select:focus{border-color:#0b63e5;box-shadow:0 0 0 3px #0b63e51f}.filter-actions-box{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-search-action{height:48px;padding:0 20px;background:#0b63e5;color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease}.btn-search-action:hover{background:#084fc0}.btn-reset-action{height:48px;padding:0 16px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.btn-reset-action:hover{background:#e2e8f0;color:#0f172a}.hidden-element{display:none!important}.custom-dropdown-wrapper{position:relative;width:140px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-dropdown-trigger{height:48px;padding:0 16px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:space-between;font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#0f172a;cursor:pointer;transition:all .2s ease}.custom-dropdown-trigger:hover,.custom-dropdown-wrapper.open .custom-dropdown-trigger{border-color:#0b63e5;box-shadow:0 0 0 3px #0b63e51f}.dropdown-icon{font-size:12px;color:#0f172a;transition:transform .25s ease}.custom-dropdown-wrapper.open .dropdown-icon{transform:rotate(180deg);color:#0b63e5}.custom-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 25px #0f172a26;padding:6px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.custom-dropdown-wrapper.open .custom-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.custom-dropdown-item{padding:10px 14px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;color:#334155;border-radius:8px;cursor:pointer;transition:all .15s ease}.custom-dropdown-item:hover{background-color:#eff6ff;color:#0b63e5}.custom-dropdown-item.active{background-color:#0b63e5;color:#fff}.berita-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:60px}.berita-card{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001f;border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.berita-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #00000038}.card-large{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}.bc-img{position:relative;width:100%;height:220px;background:#e2e8f0;overflow:hidden}.bc-img-large{height:100%;min-height:380px}.bc-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.berita-card:hover .bc-img img{transform:scale(1.05)}.bc-body{padding:24px;display:flex;flex-direction:column;flex:1}.bc-body-large{padding:36px 32px;justify-content:center}.bc-meta{display:flex;align-items:center;gap:14px;margin-bottom:16px}.bc-badge{font-size:11px;font-weight:800;padding:6px 14px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}.badge-kuning{background-color:#fef3c7;color:#b45309}.badge-abu{background-color:#f1f5f9;color:#475569}.bc-date{font-size:13px;font-weight:600;color:#64748b;display:flex;align-items:center;gap:6px}.bc-body h4{font-family:Inter,sans-serif;color:#0f172a;font-weight:700;font-size:18px;line-height:1.4;margin-bottom:12px}.bc-body-large h3{font-family:Inter,sans-serif;color:#0f172a;font-weight:800;font-size:24px;line-height:1.35;margin-bottom:16px}.bc-body p{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:24px}.bc-link{font-size:14px;font-weight:700;color:#0b63e5;text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-top:auto;transition:all .2s ease;width:-moz-max-content;width:max-content}.bc-link:hover{color:#1d4ed8;transform:translate(4px)}.text-xs{font-size:11px}.berita-pagination{display:flex;justify-content:center;align-items:center;gap:10px}.page-btn,.page-num{background:#fff;border:1px solid #e2e8f0;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;text-decoration:none}.page-num.active{background-color:#facc15;color:#0f172a;border-color:#facc15;font-weight:800}.page-btn:hover:not(.disabled),.page-num:hover:not(.active){background-color:#fff;color:#0b63e5}.page-btn.disabled{opacity:.5;cursor:not-allowed}.page-dots{color:#fff;font-weight:700;padding:0 4px}@media(max-width:1024px){.berita-search-bar-wrapper{max-width:100%;margin-bottom:40px}.berita-grid{grid-template-columns:repeat(2,1fr)}.card-large{grid-column:span 2}}@media(max-width:768px){.berita-container{padding:0 20px}.berita-search-bar-wrapper{flex-direction:column;align-items:stretch;margin-bottom:35px;gap:10px;padding:14px;border-radius:18px}.dynamic-search-box,.filter-by-box,.filter-actions-box{max-width:100%;width:100%}.btn-search-action,.btn-reset-action{flex:1;justify-content:center}.berita-grid{grid-template-columns:1fr}.card-large{grid-column:span 1;grid-template-columns:1fr}.bc-img-large{min-height:220px}.bc-body-large{padding:24px}.bc-body-large h3{font-size:20px}}@media(max-width:480px){.berita-container{padding:0 16px}.berita-search-bar-wrapper{padding:10px;gap:8px;border-radius:16px}.search-input-group{padding:8px 12px;gap:8px}.date-range-flex{flex-direction:column;align-items:stretch;gap:6px}.date-input-wrap{width:100%;background:#fff;padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;box-sizing:border-box}.date-separator{display:none}.search-text-input,.category-select-input{font-size:13.5px}.btn-search-action,.btn-reset-action{height:44px;font-size:13.5px}}@media(max-width:320px){.berita-container{padding:0 12px}.berita-search-bar-wrapper{padding:8px;gap:8px}.search-input-group{padding:6px 10px}.btn-text{font-size:13px}}.custom-select-wrapper{position:relative;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-select-trigger{height:48px;padding:0 16px;border-radius:14px;border:1px solid #e2e8f0;background-color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.custom-select-trigger:hover{border-color:#0b63e5;color:#0b63e5}.custom-select-trigger:active{transform:scale(.97)}.select-arrow{font-size:12px;color:#64748b;transition:transform .3s cubic-bezier(.16,1,.3,1)}.custom-select-wrapper.open .select-arrow{transform:rotate(180deg);color:#0b63e5}.custom-select-wrapper.open .custom-select-trigger{border-color:#0b63e5;box-shadow:0 0 0 3px #0b63e51f}.custom-select-options{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:150px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 30px #0f172a26;padding:6px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.96);transform-origin:top center;transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:none}.custom-select-wrapper.open .custom-select-options{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.custom-option-item{padding:10px 14px;font-size:13.5px;font-weight:600;color:#334155;border-radius:10px;cursor:pointer;transition:all .15s ease}.custom-option-item:hover{background-color:#eff6ff;color:#0b63e5}.custom-option-item.selected{background-color:#0b63e5;color:#fff}.flatpickr-calendar{border-radius:18px!important;box-shadow:0 15px 35px #0f172a2e!important;border:1px solid #e2e8f0!important;padding:12px!important;font-family:Inter,sans-serif!important;background:#fff!important}.flatpickr-calendar.open{animation:flatpickrPopIn .25s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes flatpickrPopIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#0b63e5!important;border-color:#0b63e5!important;font-weight:700!important;box-shadow:0 4px 12px #0b63e54d!important}.flatpickr-day:hover{background:#eff6ff!important;color:#0b63e5!important}.flatpickr-months .flatpickr-month{color:#0f172a!important;font-weight:700!important}.flatpickr-current-month .flatpickr-monthDropdown-months{font-weight:700!important}.flatpickr-weekday{color:#64748b!important;font-weight:700!important}