.popular-apis-section{padding:60px 0;background:var(--color-surface);border-top:1px solid var(--color-border-light)}.popular-apis-header{text-align:center;margin-bottom:36px}.popular-apis-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.popular-apis-description{font-size:1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.api-cards-grid{gap:20px;margin-top:36px}.api-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;height:100%}.api-card.cta-card{display:block;height:auto}.api-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.api-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.api-icon{font-size:1.5rem;line-height:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.api-icon-img{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm)}.api-icon-img-large{width:60px;height:60px;object-fit:contain;border-radius:var(--radius-md)}.loading-spinner-large{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-overlay{text-align:center;color:var(--color-text-secondary)}.loading-overlay p{font-size:1.1rem;font-weight:500}.api-info{flex:1;min-width:0}.api-name{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0 0 2px;line-height:1.3}.api-category{font-size:.65rem;color:var(--color-text-tertiary);font-weight:500;background:var(--color-surface-alt);padding:1px 5px;border-radius:var(--radius-sm);display:inline-block;margin-bottom:5px}.api-rating{margin-top:2px}.stars{display:flex;gap:1px}.star{font-size:.8rem;color:var(--color-text-tertiary);transition:color .2s ease}.star.filled{color:#fbbf24}.api-description{font-size:.8rem;color:var(--color-text-secondary);line-height:1.4;margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.api-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;flex-shrink:0}.metric-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.7rem;transition:all .2s ease;position:relative;cursor:help}.metric-pill:hover{background:var(--color-surface-alt)}.metric-icon{font-size:.65rem;opacity:.7;color:var(--color-text-secondary)}.api-metric-value{color:var(--color-text-primary);font-weight:600}.api-card:hover .api-name{color:var(--color-primary)}.api-card:hover .metric-pill{border-color:var(--color-primary);background:rgba(0,102,204,.05)}@media (max-width:768px){.popular-apis-section{padding:50px 0}.popular-apis-title{font-size:1.8rem}.popular-apis-description{font-size:.9rem}.api-cards-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.api-card{padding:16px}.api-card-header{gap:10px;margin-bottom:10px}.api-icon{width:36px;height:36px;font-size:1.3rem}.api-name{font-size:1rem}.api-description{font-size:.75rem;margin-bottom:12px}}@media (max-width:480px){.api-card-header{flex-direction:column;align-items:flex-start;gap:16px}.api-rating{align-self:flex-start}.api-metrics{gap:6px}.metric-pill{font-size:.7rem;padding:3px 6px}}[data-theme=dark] .api-card:hover .metric-pill{background:rgba(96,165,250,.1);border-color:var(--color-primary)}.api-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.api-card,.api-icon,.metric-pill{transition:all .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease}.browser-controls{margin-bottom:2rem}.search-section{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.search-container{position:relative;flex:1;max-width:400px}.search-container .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.875rem}.search-input{width:100%;padding:.75rem 2.5rem .75rem 2.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary)}.clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all .2s ease;font-size:.75rem}.clear-search:hover{color:var(--color-text-primary);background:var(--color-background)}.new-runner-btn{white-space:nowrap;font-size:.875rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.filters-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.filter-dropdowns{display:flex;align-items:center;gap:.75rem}.filter-dropdown{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;min-width:140px}.filter-dropdown:focus{outline:none;border-color:var(--color-primary)}.toolbar-right{display:flex;align-items:center;gap:1rem}.api-count{font-size:.75rem;color:var(--color-text-secondary);font-weight:500;white-space:nowrap}.view-controls{display:flex;gap:.25rem}.view-btn{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease}.view-btn.active,.view-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white}.apis-container{margin-bottom:2rem}.api-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.apis-container.list-view .api-cards-grid{grid-template-columns:1fr;gap:.75rem}.apis-container.list-view .api-card{align-items:center}.apis-container.list-view .api-metrics{flex-shrink:0}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem}.pagination{display:flex;align-items:center;gap:.25rem}.pagination-btn{padding:.5rem .75rem;border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;transition:all .2s ease}.pagination-btn.active,.pagination-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.75rem;color:var(--color-text-secondary);margin:0 1rem}.api-logo-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.error-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;color:var(--color-text-secondary);grid-column:1/-1}.loading-spinner{font-size:2rem;color:var(--color-primary);margin-bottom:1rem}.loading-spinner .fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon{font-size:2rem;color:var(--color-error,#ef4444);margin-bottom:1rem}.error-state h3,.loading-state h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.error-state p,.loading-state p{font-size:.875rem;margin-bottom:1.5rem;max-width:400px}.retry-btn{font-size:.875rem;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem}@media (max-width:850px){.browser-controls{margin-bottom:1.5rem}.search-section{flex-direction:column;align-items:stretch;gap:.75rem}.search-container{max-width:none}.filters-toolbar{flex-direction:column;gap:.75rem;align-items:stretch}.filter-dropdowns{justify-content:space-between;gap:.5rem}.filter-dropdown{flex:1;min-width:auto}.toolbar-right{justify-content:space-between;gap:.75rem}.view-controls{flex-shrink:0}.api-cards-grid{grid-template-columns:1fr;gap:.75rem}.pagination-container{flex-wrap:wrap;gap:.25rem}.pagination-info{width:100%;text-align:center;margin:0 0 .5rem}}.api-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.test-api-btn{width:100%;padding:.5rem .75rem;background:var(--color-primary);border:1px solid var(--color-primary);color:white;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.test-api-btn:hover{background:var(--color-primary-dark,var(--color-primary));transform:translateY(-1px)}.apis-container.list-view .api-card{display:flex;align-items:flex-start;padding:1rem;position:relative;margin-bottom:0;overflow:hidden;max-width:100%}.apis-container.list-view .api-card-header{margin-bottom:0;margin-right:1rem;flex-shrink:0}.apis-container.list-view .api-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;min-width:0;padding-right:8rem}.apis-container.list-view .api-category,.apis-container.list-view .api-name{text-align:left;margin-bottom:.25rem}.apis-container.list-view .api-rating{text-align:left;margin-bottom:.5rem}.apis-container.list-view .api-description{margin-bottom:.5rem;text-align:left;overflow:hidden;text-overflow:ellipsis}.apis-container.list-view .api-metrics{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-left:0;margin-right:0}.apis-container.list-view .api-actions{position:absolute;top:1rem;right:1rem;margin-top:0;padding-top:0;border-top:none;width:auto}.apis-container.list-view .test-api-btn{width:auto;padding:.5rem .75rem;font-size:.75rem;white-space:nowrap}.custom-api-cta-section{margin:2rem 0}.custom-api-cta-content{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem}.custom-api-cta-content .cta-text{display:flex;align-items:center;gap:.75rem;flex:1}.custom-api-cta-content .cta-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary-alpha);color:var(--color-primary);font-size:1rem;flex-shrink:0}.custom-api-cta-content .cta-message h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.custom-api-cta-content .cta-message p{margin:0;color:var(--color-text-secondary);line-height:1.4;font-size:.875rem}.custom-api-cta-content .cta-action{flex-shrink:0}.custom-api-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-primary);color:white;text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;transition:all .2s ease;border:2px solid var(--color-primary)}.custom-api-cta-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);text-decoration:none;color:white}.custom-api-cta-btn:active{transform:translateY(0)}.custom-api-cta-btn i{font-size:1rem}@media (max-width:768px){.custom-api-cta-content{flex-direction:column;text-align:center;gap:1rem;padding:1rem}.custom-api-cta-content .cta-text{flex-direction:column;gap:.75rem}.custom-api-cta-btn{width:100%;justify-content:center}}