.news-card{background:#fff;border:1px solid #e5e5e5;border-radius:20px;flex-direction:column;height:100%;padding:28px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04)}.news-card:before{content:"";background:linear-gradient(90deg,#192a4e,#3066be,#192a4e);height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.news-card:hover{border-color:rgba(48,102,190,.3);transform:translateY(-8px);box-shadow:0 25px 50px rgba(48,102,190,.15),0 8px 25px rgba(0,0,0,.1)}.news-card:hover:before{transform:scaleX(1)}.news-image-container{border-radius:16px;margin-bottom:24px;position:relative;overflow:hidden}.news-image-placeholder{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;height:220px;font-size:14px;font-weight:600;transition:all .4s;display:flex}.news-card:hover .news-image-placeholder{transform:scale(1.03)}.news-category-tag{color:#192a4e;text-transform:uppercase;letter-spacing:.5px;background:rgba(255,255,255,.95);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.news-meta{color:#777;align-items:center;gap:20px;margin-bottom:16px;font-size:13px;display:flex}.news-meta span{align-items:center;gap:6px;display:flex}.news-meta i{color:#3066be;font-size:12px}.news-title{color:#0d2149;margin-bottom:16px;font-size:19px;font-weight:700;line-height:1.4}.news-title a{color:inherit;text-decoration:none;transition:color .3s}.news-title a:hover{color:#3066be}.news-excerpt{color:#777;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:24px;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.news-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.news-author{color:#555;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.news-author i{color:#3066be}.read-more-btn{color:#3066be;background:rgba(48,102,190,.08);border:1px solid rgba(48,102,190,.12);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.read-more-btn:hover{color:#192a4e;background:rgba(48,102,190,.14);border-color:rgba(48,102,190,.25);transform:translate(3px)}.load-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#192a4e 0%,#3066be 100%);border:none;border-radius:14px;min-width:220px;min-height:56px;padding:16px 40px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 8px 25px rgba(48,102,190,.3)}.load-more-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px rgba(48,102,190,.4)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.category-filter-bar{background:#fff;border:1px solid #e5e5e5;border-radius:16px;margin-bottom:30px;padding:24px 28px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.category-filter-label{color:#0d2149;white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.category-buttons-container{flex-wrap:wrap;flex:1;gap:10px;min-width:0;display:flex}.category-filter-btn{color:#555;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1.5px solid #e5e5e5;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.category-filter-btn:hover{color:#3066be;background:rgba(48,102,190,.06);border-color:#3066be}.category-filter-btn.active{color:#fff;background:linear-gradient(135deg,#192a4e 0%,#3066be 100%);border-color:#3066be;box-shadow:0 4px 14px rgba(48,102,190,.3)}.filter-badge{color:#fff;background:#e53935;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.advanced-filters{background:#fff;border:1px solid #e5e5e5;border-radius:16px;margin-bottom:40px;padding:30px;box-shadow:0 8px 30px rgba(0,0,0,.08)}.filter-header{border-bottom:1.5px solid #f0f0f0;margin-bottom:24px;padding-bottom:20px}.filter-title{color:#0d2149;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;display:flex}.filter-count{color:#fff;background:linear-gradient(135deg,#192a4e 0%,#3066be 100%);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.filter-group{margin-bottom:24px}.filter-label{color:#0d2149;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.search-input-wrapper{position:relative}.search-input{border:1.5px solid #e5e5e5;border-radius:10px;height:48px;font-size:14px;transition:all .2s;padding-left:44px!important;padding-right:44px!important}.search-input:focus{border-color:#3066be;box-shadow:0 0 0 3px rgba(48,102,190,.1)}.search-input-wrapper:before{content:"";color:#777;z-index:1;font-family:"Font Awesome 5 Pro","Font Awesome 5 Free";font-size:13px;font-weight:900;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-clear-btn{color:#777;cursor:pointer;background:rgba(0,0,0,.06);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear-btn:hover{color:#fff;background:#e53935}.sort-buttons{gap:8px;display:flex}.sort-btn{color:#555;cursor:pointer;background:#f3f4f6;border:1.5px solid #e5e5e5;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sort-btn:hover{color:#3066be;border-color:#3066be}.sort-btn.active{color:#fff;background:linear-gradient(135deg,#192a4e 0%,#3066be 100%);border-color:#3066be;box-shadow:0 4px 14px rgba(48,102,190,.25)}.date-inputs{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.date-input-group{flex:1;min-width:130px}.date-label{color:#555;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.date-input{border:1.5px solid #e5e5e5;border-radius:10px;height:44px;font-size:13px;transition:border-color .2s}.date-input:focus{border-color:#3066be;box-shadow:0 0 0 3px rgba(48,102,190,.1)}.date-separator{color:#777;padding-bottom:24px;font-size:14px;font-weight:500}.tags-container{border-radius:10px;flex-wrap:wrap;gap:10px;max-height:130px;padding:4px;display:flex;overflow-y:auto}.tag-btn{color:#555;cursor:pointer;background:#f3f4f6;border:1.5px solid #e5e5e5;border-radius:20px;align-items:center;gap:5px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.tag-btn:hover{color:#3066be;border-color:#3066be}.tag-btn.active{color:#fff;background:linear-gradient(135deg,#192a4e 0%,#3066be 100%);border-color:#3066be}.active-filters{background:rgba(48,102,190,.05);border:1px solid rgba(48,102,190,.12);border-radius:12px;padding:20px}.active-filters-label{color:#192a4e;font-size:14px;font-weight:600}.active-filter{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#192a4e 0%,#3066be 100%);border-radius:20px;align-items:center;margin:3px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.active-filter button{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;padding:0;font-size:13px;transition:background .2s;display:flex}.active-filter button:hover{background:rgba(255,255,255,.35)}.no-results{text-align:center;padding:60px 0}.results-count{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding:12px 0}.tags-container::-webkit-scrollbar{width:5px}.tags-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tags-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media (max-width:768px){.category-filter-bar .d-flex{flex-direction:column;gap:16px;align-items:flex-start!important}.category-buttons-container{flex-wrap:nowrap;width:100%;padding-bottom:8px;overflow-x:auto}.category-filter-btn{flex-shrink:0}.ms-auto{width:100%;margin-left:0!important}.sort-buttons{flex-direction:column}.date-inputs{flex-direction:column;gap:10px}.date-separator{display:none}.tags-container{flex-wrap:nowrap;max-height:none;overflow-x:auto}.tag-btn{flex-shrink:0}}
