.articles-page[data-v-fefbf79a]{background:#fff}.articles-page .main-container[data-v-fefbf79a]{padding:60px 0}@media(min-width:768px){.articles-page .main-container[data-v-fefbf79a]{padding:80px 0}}@media(min-width:1024px){.articles-page .main-container[data-v-fefbf79a]{padding:100px 0}}.articles-page .container[data-v-fefbf79a]{margin:0 auto;max-width:1440px}@media(min-width:768px){.articles-page .container[data-v-fefbf79a]{padding:0 30px}}@media(min-width:1024px){.articles-page .container[data-v-fefbf79a]{padding:0}}.articles-page .filter-bar[data-v-fefbf79a]{background:#fff;padding:20px 0;position:sticky;top:0;z-index:100}.articles-page .filter-bar .active-filters[data-v-fefbf79a]{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}@media(max-width:767px){.articles-page .filter-bar .active-filters[data-v-fefbf79a]{align-items:flex-start;flex-direction:column}}.articles-page .filter-bar .active-filters .filter-left[data-v-fefbf79a]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:12px}.articles-page .filter-bar .active-filters .filter-right[data-v-fefbf79a]{flex-shrink:0}@media(max-width:767px){.articles-page .filter-bar .active-filters .filter-right[data-v-fefbf79a]{width:100%}}.articles-page .filter-bar .active-filters .filter-count[data-v-fefbf79a]{align-items:center;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:8px 0}@media(min-width:768px){.articles-page .filter-bar .active-filters .filter-count[data-v-fefbf79a]{font-size:18px}}.articles-page .filter-bar .active-filters .filter-count svg[data-v-fefbf79a]{flex-shrink:0}.articles-page .filter-bar .active-filters .filter-tag[data-v-fefbf79a]{align-items:center;background:#f5f5f5;border-radius:16px;color:#333;display:inline-flex;font-size:13px;gap:6px;padding:4px 12px}@media(max-width:768px){.articles-page .filter-bar .active-filters .filter-tag[data-v-fefbf79a]{font-size:12px;padding:3px 10px}}.articles-page .filter-bar .active-filters .filter-tag .remove-btn[data-v-fefbf79a]{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;transition:color .2s ease}.articles-page .filter-bar .active-filters .filter-tag .remove-btn[data-v-fefbf79a]:hover{color:#000}.articles-page .filter-bar .active-filters .clear-all-btn[data-v-fefbf79a]{background:none;border:none;color:#06c;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:opacity .2s}@media(min-width:768px){.articles-page .filter-bar .active-filters .clear-all-btn[data-v-fefbf79a]{font-size:15px}}.articles-page .filter-bar .active-filters .clear-all-btn[data-v-fefbf79a]:hover{opacity:.7}.articles-page .filter-bar .active-filters .results-count[data-v-fefbf79a]{color:#000;font-size:14px;margin:0}@media(min-width:768px){.articles-page .filter-bar .active-filters .results-count[data-v-fefbf79a]{font-size:15px}}.articles-page .hero-banner[data-v-fefbf79a]{align-items:center;display:flex;justify-content:center;position:relative;width:100%}@media(min-width:768px){.articles-page .hero-banner[data-v-fefbf79a]{height:500px}}@media(min-width:1024px){.articles-page .hero-banner[data-v-fefbf79a]{height:668px}}.articles-page .hero-banner[data-v-fefbf79a]:before{background:#0006;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.articles-page .hero-banner .hero-content[data-v-fefbf79a]{color:#fff;max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:1}.articles-page .hero-banner .hero-title[data-v-fefbf79a]{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:16px}@media(min-width:768px){.articles-page .hero-banner .hero-title[data-v-fefbf79a]{font-size:42px;margin-bottom:20px}}@media(min-width:1024px){.articles-page .hero-banner .hero-title[data-v-fefbf79a]{font-size:52px}}.articles-page .hero-banner .hero-subtitle[data-v-fefbf79a]{font-size:18px;font-weight:400;margin-bottom:24px}@media(min-width:768px){.articles-page .hero-banner .hero-subtitle[data-v-fefbf79a]{font-size:22px;margin-bottom:30px}}@media(min-width:1024px){.articles-page .hero-banner .hero-subtitle[data-v-fefbf79a]{font-size:26px}}.articles-page .hero-banner .hero-button[data-v-fefbf79a]{background:#fff;border:none;border-radius:30px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:12px 40px;transition:all .3s ease}@media(min-width:768px){.articles-page .hero-banner .hero-button[data-v-fefbf79a]{font-size:17px;padding:14px 50px}}@media(min-width:1024px){.articles-page .hero-banner .hero-button[data-v-fefbf79a]{font-size:18px;padding:16px 60px}}.articles-page .hero-banner .hero-button[data-v-fefbf79a]:hover{background:#f0f0f0;transform:translateY(-2px)}.articles-page .content-wrapper[data-v-fefbf79a]{display:flex;gap:40px;margin-bottom:120px;position:relative}@media(min-width:1024px){.articles-page .content-wrapper[data-v-fefbf79a]{gap:111px}}.articles-page .content-wrapper.sidebar-hidden .main-content[data-v-fefbf79a]{max-width:100%;width:100%}.articles-page .sidebar[data-v-fefbf79a]{display:none;flex-shrink:0}@media(min-width:1024px){.articles-page .sidebar[data-v-fefbf79a]{align-self:flex-start;display:block;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:100px;width:250px}}.articles-page .sidebar.show[data-v-fefbf79a]{background:#fff;bottom:0;box-shadow:2px 0 8px #0000001a;display:block;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:50%;width:100%;z-index:1000}@media(min-width:768px){.articles-page .sidebar.show[data-v-fefbf79a]{max-width:500px}}@media(min-width:1024px){.articles-page .sidebar.show[data-v-fefbf79a]{box-shadow:none;max-width:250px;padding:0;position:sticky;top:80px}}.articles-page .sidebar .sidebar-header[data-v-fefbf79a]{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}@media(min-width:1024px){.articles-page .sidebar .sidebar-header[data-v-fefbf79a]{display:none}}.articles-page .sidebar .sidebar-header h3[data-v-fefbf79a]{color:#000;font-size:20px;font-weight:700;margin:0}.articles-page .sidebar .sidebar-header .close-btn[data-v-fefbf79a]{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.articles-page .sidebar .sidebar-header .close-btn[data-v-fefbf79a]:hover{color:#000}.articles-page .sidebar .filter-group[data-v-fefbf79a]{margin-bottom:30px}.articles-page .sidebar .filter-group .filter-group-title[data-v-fefbf79a]{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}@media(min-width:768px){.articles-page .sidebar .filter-group .filter-group-title[data-v-fefbf79a]{font-size:17px}}.articles-page .sidebar .filter-group .filter-options[data-v-fefbf79a]{display:flex;flex-direction:column;gap:10px}.articles-page .sidebar .filter-group .filter-option[data-v-fefbf79a]{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:10px;transition:color .3s ease}@media(min-width:768px){.articles-page .sidebar .filter-group .filter-option[data-v-fefbf79a]{font-size:15px}}.articles-page .sidebar .filter-group .filter-option[data-v-fefbf79a]:hover{color:#000}.articles-page .sidebar .filter-group .filter-option input[type=checkbox][data-v-fefbf79a]{cursor:pointer;height:16px;width:16px}.articles-page .main-content[data-v-fefbf79a]{flex:1}.articles-page .main-content .articles-grid[data-v-fefbf79a]{display:grid;gap:4px;grid-template-columns:1fr}@media(min-width:640px){.articles-page .main-content .articles-grid[data-v-fefbf79a]{gap:24px;grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.articles-page .main-content .articles-grid[data-v-fefbf79a]{gap:4px;grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.articles-page .main-content .articles-grid[data-v-fefbf79a]{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.articles-page .main-content .articles-grid.filters-visible[data-v-fefbf79a]{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.articles-page .main-content .articles-grid.filters-visible[data-v-fefbf79a]{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.articles-page .main-content .articles-grid.filters-hidden[data-v-fefbf79a]{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.articles-page .main-content .articles-grid.filters-hidden[data-v-fefbf79a]{grid-template-columns:repeat(4,1fr)}}.articles-page .main-content .article-card[data-v-fefbf79a]{cursor:pointer;margin-bottom:16px;transition:transform .3s ease}.articles-page .main-content .article-card[data-v-fefbf79a]:hover{transform:translateY(-4px)}.articles-page .main-content .article-card:hover .article-title[data-v-fefbf79a]{color:#d64545}.articles-page .main-content .article-card .article-image[data-v-fefbf79a]{aspect-ratio:4/4;background:#f0f0f0;margin-bottom:16px;overflow:hidden;width:100%}.articles-page .main-content .article-card .article-image img[data-v-fefbf79a]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.articles-page .main-content .article-card:hover .article-image img[data-v-fefbf79a]{transform:scale(1.05)}.articles-page .main-content .article-card .article-title[data-v-fefbf79a]{color:#000;font-size:16px;font-weight:600;line-height:1;transition:color .3s ease}@media(min-width:768px){.articles-page .main-content .article-card .article-title[data-v-fefbf79a]{font-size:14px;margin-bottom:8px}}.articles-page .main-content .loading-state[data-v-fefbf79a]{display:flex;justify-content:center;padding:60px 20px}@media(max-width:768px){.articles-page .main-content .loading-state[data-v-fefbf79a]{padding:40px 20px}}.articles-page .main-content .loading-spinner[data-v-fefbf79a]{animation:spin-fefbf79a 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1a1a1a;height:40px;width:40px}@media(max-width:768px){.articles-page .main-content .loading-spinner[data-v-fefbf79a]{height:32px;width:32px}}@keyframes spin-fefbf79a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.articles-page .main-content .no-results[data-v-fefbf79a]{color:#999;font-size:16px;padding:60px 20px;text-align:center}@media(min-width:768px){.articles-page .main-content .no-results[data-v-fefbf79a]{font-size:17px}}.articles-page .main-content .load-more-wrapper[data-v-fefbf79a]{margin-top:25px;text-align:center}@media(min-width:768px){.articles-page .main-content .load-more-wrapper[data-v-fefbf79a]{margin-top:25px}}.articles-page .main-content .load-more-wrapper.is-hidden[data-v-fefbf79a]{display:none}.articles-page .main-content .load-more-button[data-v-fefbf79a]{background:#fff;border:2px solid #000;border-radius:30px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:12px 50px;transition:all .3s ease}@media(min-width:768px){.articles-page .main-content .load-more-button[data-v-fefbf79a]{font-size:17px;padding:14px 60px}}.articles-page .main-content .load-more-button[data-v-fefbf79a]:hover:not(:disabled){background:#000;color:#fff}.articles-page .main-content .load-more-button[data-v-fefbf79a]:disabled{cursor:not-allowed;opacity:.5}.articles-page .main-content .bottom-message[data-v-fefbf79a]{color:#666;font-size:15px;margin-top:50px;text-align:center}@media(min-width:768px){.articles-page .main-content .bottom-message[data-v-fefbf79a]{font-size:16px;margin-top:60px}}.articles-page .main-content .bottom-message.is-hidden[data-v-fefbf79a]{display:none}@media(max-width:1023px){.sidebar .filter-group .filter-options[data-v-fefbf79a]{flex-direction:row;flex-wrap:wrap;gap:12px}.sidebar .filter-group .filter-option[data-v-fefbf79a]{background:#f5f5f5;border-radius:20px;padding:8px 16px}.sidebar .filter-group .filter-option[data-v-fefbf79a]:has(input:checked){background:#000;color:#fff}.filter-open[data-v-fefbf79a]{overflow:hidden}}.hiddle[data-v-fefbf79a]{display:none!important}.bottom-msg[data-v-fefbf79a]{display:inline-block;margin:0 auto;text-align:center}.filter-icon[data-v-fefbf79a]{height:15px;-o-object-fit:contain;object-fit:contain;width:18px}