@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Exo 2",sans-serif}body{background:linear-gradient(135deg,#ffffff,#eaf4ff);color:#222;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.hidden{display:none!important}.hero-bases{position:relative;text-align:center;padding:110px 20px 15px;height:300px;color:#fff;animation:fadeIn 0.8s ease-in-out;overflow:hidden}.hero-bases .hero-bg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:blur(3px);transform:scale(1.05);z-index:0}.hero-bases::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .3);z-index:1}.hero-bases h1{position:relative;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:10px;z-index:2}.base-intro{max-width:900px;margin:20px auto 40px;padding:0 16px;text-align:justify;color:gray;line-height:1.6}.base-intro p{font-size:.9rem;margin-bottom:10px}@media (max-width:600px){.base-intro{font-size:.88rem}}.controls{max-width:1000px;margin:20px auto;padding:10px 20px;display:flex;flex-direction:column}.tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tab-btn{border:1px solid rgb(0 0 0 / .1);background:#fff;padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:600;color:#222;transition:0.2s ease;font-size:14px}.tab-btn.active{background:linear-gradient(90deg,#f5c542,#f9a602);color:#111;border-color:#fff0;transform:scale(1.05)}.divider{border:none;height:1px;background:rgb(0 0 0 / .1);margin:12px}.section-label{font-weight:600;color:#222}.levels-section,.filters-section,.district-section,.district-levels-section,.sort-section{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px 12px}.section-label{font-weight:600;color:#222}.levels-container,.filter-buttons,.sort-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.levels-container button,.levels-container .level-btn,.filter-btn,.sort-btn{border:1px solid rgb(0 0 0 / .1);background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all 0.2s ease}.levels-container button:hover,.levels-container .level-btn:hover,.filter-btn:hover,.sort-btn:hover{transform:scale(1.05);box-shadow:0 2px 8px rgb(0 0 0 / .08)}.levels-container button.active,.levels-container .level-btn.active,.filter-btn.active,.sort-btn.active{background:linear-gradient(90deg,#f5c542,#f9a602);color:#111;border-color:#fff0;transform:scale(1.05)}@media (max-width:600px){.levels-container button,.levels-container .level-btn,.filter-btn,.sort-btn{font-size:.8rem;padding:5px 8px}}.grid-wrap{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.base-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgb(0 0 0 / .08);transition:transform .2s ease}.base-card:hover{transform:translateY(-5px)}.base-card img{width:100%;height:160px;object-fit:cover}.card-meta{padding:10px;display:flex;justify-content:space-between;align-items:center}.empty-state{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#666}.empty-state p{font-size:14px;line-height:1.5}.smooth-stars{position:relative;display:inline-flex}.stars-bg,.stars-fill{display:flex;gap:2px}.stars-bg{color:#ddd}.stars-fill{color:#f7c948;position:absolute;left:0;top:0;overflow:hidden}.views{font-size:.7rem;color:#666}.ad-break{grid-column:1 / -1;width:100%;height:auto;margin:10px 0 20px;background:#fff0}.pagination-section{text-align:center;margin:2rem 0}.pagination-info{font-weight:500;font-size:.8rem;color:gray;padding-bottom:10px}.pagination-buttons{display:flex;justify-content:center;align-items:center;gap:12px}.page-btn{background:#14213d;color:#fff;border:1px solid rgb(255 255 255 / .15);border-radius:8px;padding:8px 12px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.page-btn:hover{background:#1f2e5a;border-color:rgb(255 255 255 / .25)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.base-description{max-width:1100px;margin:60px auto 40px;padding:0 20px;line-height:1.25;color:#cfcfcf}.base-description h2{font-size:17px;margin-bottom:14px;text-align:left;color:#000}.base-description p{font-size:15.5px;margin-bottom:12px;text-align:left;color:#000}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero-bases h1{font-size:1.5rem}}