.blog-list-hero{padding:180px 5% 80px;background:linear-gradient(135deg,rgba(213,250,255,.3),rgba(255,255,255,.9));text-align:center}.blog-list-hero .section-title{font-size:48px;font-weight:800;color:var(--dark-blue);margin-bottom:20px}.blog-list-hero .section-subtitle{font-size:20px;color:var(--sky-blue);max-width:700px;margin:0 auto}.blog-list-container{padding:80px 5%;background:#fff}.blog-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}.blog-sidebar{position:sticky;top:120px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px rgba(79,112,152,.1);border:2px solid rgba(79,112,152,.1)}.filter-title{font-size:24px;font-weight:700;color:var(--dark-blue);margin-bottom:25px;display:flex;align-items:center;gap:8px}.filter-section{margin-bottom:30px;padding-bottom:25px;border-bottom:2px solid rgba(213,250,255,.5)}.filter-section:last-of-type{border-bottom:none}.filter-label{font-size:16px;font-weight:600;color:var(--dark-blue);margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.filter-accordion{margin-bottom:10px;padding-top:6px;border-bottom:2px solid rgba(213,250,255,.5)}.filter-accordion:last-of-type{border-bottom:none}.filter-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.filter-accordion summary::-webkit-details-marker{display:none}.filter-accordion summary:after{content:"";width:18px;height:18px;background:no-repeat 50%/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301193E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");transition:transform .2s ease}.filter-accordion[open] summary:after{transform:rotate(180deg)}.filter-search{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(79,112,152,.2);background:rgba(213,250,255,.2);color:var(--dark-blue);font-size:14px;margin-bottom:12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.filter-search::placeholder{color:rgba(79,112,152,.8)}.filter-search:focus{border-color:rgba(79,112,152,.45);box-shadow:0 0 0 3px rgba(213,250,255,.6)}.filter-options{display:flex;flex-direction:column;gap:10px;max-height:146px;overflow-y:auto;scrollbar-width:none}.filter-options::-webkit-scrollbar{width:0;height:0}.filter-option{display:flex;align-items:center;gap:10px;padding:4px 12px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:15px;color:var(--sky-blue)}.filter-option:hover{background:rgba(213,250,255,.3)}.filter-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--sky-blue)}.filter-option.checked{background:rgba(79,112,152,.1);color:var(--dark-blue);font-weight:600}.filter-option .theme-badge{display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:auto}.active-filters{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px}.active-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gradient-1);color:#fff;border-radius:20px;font-size:13px;font-weight:600}.active-filter-tag .remove{cursor:pointer;font-size:16px;line-height:1;opacity:.8;transition:opacity .2s}.active-filter-tag .remove:hover{opacity:1}.clear-filters-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#4F7098,#01193E);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.clear-filters-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(1,25,62,.3)}.clear-filters-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.blog-content{min-height:500px}.blog-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.blog-list-grid .blog-card{padding:35px;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(79,112,152,.1);transition:all .3s ease;cursor:pointer;border:2px solid transparent;position:relative;min-height:380px;overflow:hidden}.blog-list-grid .blog-card.dynamic{background-size:cover;background-position:50%;background-repeat:no-repeat;padding:0}.blog-list-empty,.blog-list-error,.blog-list-loading{grid-column:1/-1;text-align:center;padding:80px 20px}.blog-list-loading{color:var(--sky-blue)}.blog-list-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(79,112,152,.2);border-top:4px solid var(--sky-blue);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.blog-list-error{color:var(--dark-blue)}.blog-list-error p{font-size:18px;margin-bottom:20px}.blog-list-empty{color:var(--sky-blue)}.blog-list-empty p{font-size:20px;margin-bottom:15px}.blog-list-empty .empty-icon{font-size:64px;margin-bottom:20px;opacity:.3}.results-count{margin-bottom:30px;color:var(--sky-blue);font-size:16px;font-weight:500}.results-count strong{color:var(--dark-blue);font-weight:700}@media (max-width:1024px){.blog-container{grid-template-columns:1fr;gap:40px}.blog-sidebar{position:static;max-width:100%}.blog-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.blog-list-hero{padding:110px 5% 60px}.blog-list-hero .section-title{font-size:32px}.blog-list-hero .section-subtitle{font-size:16px}.blog-list-container{padding:60px 5%}.blog-sidebar{padding:25px}.filter-title{font-size:20px}.blog-list-grid{grid-template-columns:1fr;gap:25px}.blog-list-grid .blog-card{min-height:350px}}.custom-dropdown{position:relative;display:inline-block;-webkit-user-select:none;user-select:none}.dropdown-selected{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.dropdown-flag{font-size:18px;line-height:1}.dropdown-arrow{color:#fff;font-size:10px;margin-left:4px;transition:transform .3s}.custom-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;background:linear-gradient(135deg,#01193E,#4F7098);border-radius:15px;box-shadow:0 10px 30px rgba(1,25,62,.3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;overflow:hidden}.custom-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option{display:flex;align-items:center;gap:8px;padding:12px 22px;cursor:pointer;transition:background .2s;white-space:nowrap}.dropdown-option:first-child{border-radius:15px 15px 0 0}.dropdown-option:last-child{border-radius:0 0 15px 15px}.dropdown-option:hover{background:rgba(255,255,255,.1)}.dropdown-option.active{background:rgba(255,255,255,.15)}.dropdown-option .dropdown-flag{font-size:18px}.dropdown-option .dropdown-text{color:#fff;font-weight:600}.custom-dropdown.mobile{position:relative}.dropdown-selected.mobile{display:flex;align-items:center;gap:3px;background:transparent;border:none;cursor:pointer;padding:0}.dropdown-selected.mobile .dropdown-flag{font-size:22px}.dropdown-selected.mobile .dropdown-arrow.mobile{color:#01193E;font-size:10px;margin-left:4px;transition:transform .3s}.custom-dropdown.mobile.open .dropdown-arrow.mobile{transform:rotate(180deg)}.dropdown-menu.mobile{position:absolute;top:calc(100% + 8px);left:0;min-width:140px;background:#fff;border:1px solid rgba(1,25,62,.2);border-radius:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;overflow:hidden}.custom-dropdown.mobile.open .dropdown-menu.mobile{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-option.mobile{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .2s;color:#01193E;white-space:nowrap;background:rgba(1,25,62,.1)}.dropdown-option.mobile:first-child{border-radius:8px 8px 0 0}.dropdown-option.mobile:last-child{border-radius:0 0 8px 8px}.dropdown-option.mobile:hover{background:rgba(1,25,62,.1)}.dropdown-option.mobile.active{background:#fff}.dropdown-option.mobile .dropdown-text.mobile{color:#01193e;font-weight:600}.mobile-filter-toggle{display:none;position:fixed;bottom:20px;right:20px;padding:15px 25px;background:var(--gradient-1);color:#fff;border:none;border-radius:50px;font-weight:600;box-shadow:0 10px 30px rgba(1,25,62,.4);cursor:pointer;z-index:100}@media (max-width:768px){.mobile-filter-toggle{display:block}}