.schools-container{width:90%;max-width:1200px;padding:6.5rem 0 9rem;margin:0 auto;font-family:NeueHaasDisplay,sans-serif}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up.animate{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .8s ease-out}.fade-in.animate{opacity:1}.fade-in-up:not(.animate),.fade-in:not(.animate){animation:emergencyFadeIn .5s ease-out 3s forwards}@keyframes emergencyFadeIn{to{opacity:1;transform:translateY(0)}}.title-wrapper{display:flex;justify-content:center;align-items:baseline;gap:1rem;flex-wrap:wrap;position:relative}.schools-title{font-size:clamp(2rem,6vw,3rem);font-weight:700;color:transparent;background:linear-gradient(135deg,#1955d5,#4a90e2);background-clip:text;-webkit-background-clip:text;font-family:NeueHaasDisplay,sans-serif;margin-top:3rem;margin-bottom:1rem;text-align:center}.cache-indicator{display:flex;align-items:center;gap:8px;margin-left:16px}.cache-badge{background:linear-gradient(135deg,#10b981,#059669);color:white;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.refresh-cache-btn{background:#f3f4f6;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s ease}.refresh-cache-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#1955d5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#6b7280;font-size:1rem;font-weight:500;margin:0}.schools-section-desc{font-size:clamp(.9rem,3vw,1.1rem);color:#4b5563;text-align:center;line-height:1.6;margin:1rem auto 4rem;font-weight:500;font-family:NeueHaasDisplay,sans-serif;max-width:90%;display:block}.schools-count{font-size:clamp(1rem,3vw,1.25rem);font-weight:500;color:#2b67ac}.filters-section{margin-bottom:2rem;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;position:relative;z-index:10}.search-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.search-label{font-size:.9rem;font-weight:600;color:#374151;text-align:left}.search-bar{border:1px solid #d1d5db;outline:none;background:white;border-radius:12px;padding:12px 16px;font-size:1rem;width:100%;color:#374151;font-family:NeueHaasDisplay,sans-serif;font-weight:500;transition:border-color .2s ease}.search-bar:focus{border-color:#1955d5}.search-bar::-moz-placeholder{color:#9ca3af;font-size:1rem}.search-bar::placeholder{color:#9ca3af;font-size:1rem}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px;position:relative}.filter-label{font-size:.9rem;font-weight:600;color:#374151;text-align:left}.filter-select{background:white;border:1px solid #d1d5db;outline:none;border-radius:16px;padding:12px 16px;font-size:1rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;font-family:NeueHaasDisplay,sans-serif;position:relative;z-index:10;height:48px;line-height:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{outline:none;border-color:#1955d5}.filter-select.default-text{color:#9ca3af}.filter-arrow{transition:transform .2s ease;transform-origin:50% 50%;display:flex;align-items:center;justify-content:center}.filter-arrow.rotated{transform:rotate(180deg)}.custom-dropdown{position:relative;display:inline-block;z-index:999}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#ffffff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-top:4px;z-index:999;max-height:200px;overflow-y:auto}.table-wrapper{position:relative;z-index:1}.dropdown-option{padding:12px 20px;cursor:pointer;font-size:1rem;font-weight:500;color:#252525ce;transition:background .2s ease}.dropdown-option:hover{background:#f3f3f3}.dropdown-option.selected{background:rgba(25,85,213,.1);color:#1955d5}.schools-table-wrapper{margin-top:2rem;overflow-x:auto;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08);width:100%}.schools-table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}.schools-table th{background:#f8fafc;text-align:left;font-weight:600;border-bottom:1px solid #e5e7eb}.schools-table td,.schools-table th{padding:16px 20px;color:#374151;font-size:clamp(.8rem,2.5vw,1rem)}.schools-table td{border-bottom:1px solid #f3f4f6;font-weight:500}.schools-table tr:hover{background:#f9fafb}.school-name{font-weight:600;color:#1955d5}.school-location{color:#6b7280}.school-type{color:#059669;font-weight:500}.school-rank{font-weight:600;color:#374151}.no-schools-message{text-align:center;padding:15px 20px;font-size:1rem;color:#6b7280;background:#f9fafb;border-radius:12px;margin:0;border-top:1px solid #f3f3f3}.schools-loadmore-wrapper{display:flex;flex-direction:column;align-items:center;margin:20px 0}.schools-loadmore-btn{margin-top:1rem;margin-bottom:1rem;padding:12px 24px;border-radius:16px;border:none;background:linear-gradient(135deg,#1955d5,#4a90e2);color:white;font-weight:700;font-size:clamp(.9rem,2.5vw,1.1rem);cursor:pointer;transition:all .2s ease}.schools-loadmore-btn:hover{transform:scale(1.05)}@media (max-width:1024px){.schools-container{width:95%;padding:5rem 1rem 7rem}.filter-dropdowns{gap:20px}}@media (max-width:768px){.schools-container{width:95%;padding:4rem .75rem 6rem}.filter-dropdowns,.filters-section{gap:15px}.filter-select{min-width:120px;height:44px}.filter-select,.schools-table td,.schools-table th{padding:12px 16px}.cache-indicator{margin-left:8px;gap:6px}.cache-badge{padding:3px 10px;font-size:.7rem}.refresh-cache-btn{width:24px;height:24px;font-size:12px}}@media (max-width:640px){.schools-container{width:98%;padding:3rem .5rem 5rem}.filters-section{flex-direction:column;align-items:stretch;gap:15px}.filter-group,.search-group{min-width:100%}.filter-group{max-width:none}.filter-select{min-width:100%}.schools-table-wrapper{margin-top:1.5rem}.schools-table td,.schools-table th{padding:10px 12px;font-size:.85rem}.title-wrapper{flex-direction:column;align-items:center;gap:.5rem}.cache-indicator{margin-left:0;margin-top:.5rem}}@media (max-width:480px){.schools-container{width:100%;padding:2.5rem .5rem 4rem}.title-wrapper{gap:.5rem}.filters-section{gap:10px}.filter-select{min-width:180px;padding:10px 14px;height:40px;font-size:.9rem}.schools-table td,.schools-table th{padding:8px 10px;font-size:.8rem}.schools-loadmore-btn{padding:10px 20px;font-size:.9rem}.cache-badge{padding:2px 8px;font-size:.65rem}.refresh-cache-btn{width:22px;height:22px;font-size:11px}}@media (max-width:360px){.schools-container{width:100%;padding:2rem .25rem 3rem}.filter-select{min-width:160px;padding:8px 12px;height:36px;font-size:.8rem}.schools-table td,.schools-table th{padding:6px 8px;font-size:.75rem}.schools-loadmore-btn{padding:8px 16px;font-size:.8rem}}@media (max-width:320px){.schools-container{padding:1.5rem .125rem 2.5rem}.filter-select{min-width:140px;padding:6px 10px;height:32px;font-size:.75rem}.schools-table td,.schools-table th{padding:4px 6px;font-size:.7rem}}@media (max-height:600px) and (orientation:landscape){.schools-container{padding:3rem 1rem 4rem}.filters-section{margin-bottom:1.5rem}}