.filter-module-container{font-family:sans-serif;margin-left:auto;margin-right:auto;max-width:1152px;padding:48px 16px;width:100%}.filter-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.filter-pill{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#374151;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 28px;transition:all .3s ease}.filter-pill:hover:not(.active){background-color:#fff7ed;border-color:#fed7aa;color:#c2410c}.filter-pill.active{background-color:#ff5900;border-color:#ff5900;box-shadow:0 4px 14px 0 rgba(255,89,0,.35);color:#fff}.filter-content-panel{display:block}.filter-content-panel.hidden{display:none}.semester-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.semester-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.semester-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:scale(1.03)}.semester-title{color:#ff5900;font-size:1.25rem;font-weight:600;margin-bottom:20px;text-align:center}.subjects-list{color:#374151;text-align:left}.subjects-list ul{list-style-position:outside;list-style-type:disc;padding-left:1.25rem}.subjects-list li{margin-bottom:.5rem}@media (max-width:1024px){.semester-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.semester-grid{grid-template-columns:1fr}.filter-pill{font-size:.875rem;padding:8px 20px}}