.page-header{color:#fff;text-align:center;background:#0f71b2;padding:80px 20px 40px;position:relative;overflow:hidden}.page-header:before{content:"";z-index:1;background:linear-gradient(135deg,#0f71b2 0%,#0f71b2cc 100%);position:absolute;inset:0}.page-header-content{z-index:2;max-width:1200px;margin:0 auto;position:relative}.page-title{margin-bottom:12px;font-size:2.5rem;font-weight:700}.page-subtitle{opacity:.9;font-size:1.1rem}.vc-count-badge{color:#0f71b2;background:#fff;border-radius:25px;margin-top:16px;padding:8px 24px;font-size:1.1rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #0000001a}.vc-count-note{opacity:.9;margin-top:12px;font-size:.9rem}.vc-count-link{color:#fff;font-weight:600;text-decoration:underline}.vc-count-link:hover{opacity:.8}.vc-list-section{background:#f8f9fa;min-height:100vh;padding:60px 0}.vc-list-container{max-width:1200px;margin:0 auto;padding:0 20px}.search-container{max-width:600px;margin:-30px auto 40px;padding:0 20px}.search-box{background:#fff;border:1px solid #e5e5e5;border-radius:8px;outline:none;width:100%;padding:16px 24px;font-size:1rem;transition:all .3s;box-shadow:0 2px 8px #00000014}.search-box:focus{border-color:#0f71b2;box-shadow:0 4px 12px #0f71b226}.vc-grid-heading{color:#1a1a1a;border-bottom:1px solid #d5d9dd;border-left:4px solid #0f71b2;margin:48px 0 24px;padding:0 0 12px 12px;font-size:1.25rem;font-weight:700}.vc-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.vc-card{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex-direction:column;align-items:center;min-height:180px;padding:24px;transition:all .3s;display:flex;position:relative}.vc-card:hover{border-color:#0f71b2;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.vc-logo-container{justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:16px;display:flex}.vc-logo{object-fit:contain;width:auto;max-width:200px;height:auto;max-height:80px}.vc-name{color:#1a1a1a;text-align:center;margin-top:auto;font-size:16px;font-weight:600;line-height:1.5}.vc-category{display:none}.no-results{text-align:center;color:#666;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:80px 20px;font-size:16px}.modal-overlay{z-index:9998;opacity:0;background:#0009;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1}.modal-container{z-index:9999;background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;transition:transform .3s;display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.9);box-shadow:0 10px 40px #0000004d}.modal-container.active{transform:translate(-50%,-50%)scale(1)}.modal-header{color:#fff;background:#0f71b2;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-title{margin:0;font-size:1.5rem;font-weight:700}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:background .2s;display:flex}.modal-close:hover{background:#fff3}.modal-body{max-height:calc(90vh - 90px);padding:32px;overflow-y:auto}.modal-section{margin-bottom:28px}.modal-section:last-child{margin-bottom:0}.modal-section-title{color:#0f71b2;border-bottom:2px solid #e5e5e5;margin-bottom:12px;padding-bottom:8px;font-size:1.1rem;font-weight:700}.modal-section-content{color:#333;line-height:1.8}.modal-url{color:#0f71b2;word-break:break-all;text-decoration:none}.modal-url:hover{text-decoration:underline}.modal-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.modal-tag{color:#0f71b2;background:#e3f2fd;border-radius:16px;padding:4px 12px;font-size:.9rem;display:inline-block}.filter-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:24px 0;padding:20px}.filter-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.filter-title-wrapper{align-items:center;gap:8px;display:flex}.filter-toggle-icon{color:#666;font-size:1.2rem;transition:transform .3s}.filter-toggle-icon.expanded{transform:rotate(90deg)}.filter-title{color:#333;font-size:1rem;font-weight:600}.clear-filters{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 16px;font-size:.875rem;transition:all .2s}.clear-filters:hover{background:#f5f5f5;border-color:#999}.clear-filters:disabled{opacity:.5;cursor:not-allowed}.filter-content{max-height:0;margin-top:0;transition:max-height .3s,margin .3s;overflow:hidden}.filter-content.expanded{max-height:2000px;margin-top:16px}.filter-categories{flex-direction:column;gap:16px;display:flex}.filter-category{flex-direction:column;gap:8px;display:flex}.filter-category-label{color:#555;font-size:.875rem;font-weight:600}.filter-tags{flex-wrap:wrap;gap:8px;display:flex}.filter-tag{color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ddd;border-radius:20px;padding:6px 14px;font-size:.875rem;transition:all .2s}.filter-tag:hover{background:#f5f5f5;border-color:#999}.filter-tag.active{color:#fff;background:#e60012;border-color:#e60012}.filter-results{text-align:center;color:#666;border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px;font-size:.875rem}.result-count{color:#e60012;font-weight:600}@media (width<=768px){.page-title{font-size:2rem}.vc-grid{grid-template-columns:1fr;gap:16px}.vc-grid-heading{margin:32px 0 16px;padding-bottom:10px;font-size:1.1rem}.search-container{margin-top:-20px}.modal-container{width:95%;max-height:95vh}.modal-header{padding:20px}.modal-title{font-size:1.2rem}.modal-body{padding:24px}.filter-section{margin:16px 0;padding:16px}.filter-header{flex-direction:column;align-items:flex-start;gap:12px}.clear-filters{width:100%}.filter-tag{padding:5px 12px;font-size:.8125rem}}