.materi_container__e65Na{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto}.materi_searchSection__qXh0H{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.materi_searchSection__qXh0H{flex-direction:row;justify-content:space-between;align-items:center}}.materi_searchBar__bxjZc{position:relative;flex:1 1;max-width:400px}.materi_searchIcon__1MP5J{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.materi_searchInput__HL93C{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-color);border-radius:99px;background-color:var(--card-bg);color:var(--text-color);font-size:.95rem;transition:all .2s ease}.materi_searchInput__HL93C:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.materi_filterGroup__z79w4{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.materi_filterBtn__mJn7w{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--card-bg);border-radius:99px;font-size:.9rem;color:var(--text-color);cursor:pointer;white-space:nowrap;transition:all .2s ease}.materi_filterBtn__mJn7w:hover{background:var(--bg-color)}.materi_activeFilter__xTZ62{background:var(--primary);color:#fff;border-color:var(--primary)}.materi_activeFilter__xTZ62:hover{background:var(--primary-dark)}.materi_materiGrid__2L0Qs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.materi_materiCard__sFiYv{background:var(--card-bg);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.materi_materiCard__sFiYv:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.materi_thumbnail__Q6hMM{height:160px;background-size:cover;background-position:50%;position:relative}.materi_categoryBadge__Y8JJJ{position:absolute;top:1rem;left:1rem;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.25rem .75rem;border-radius:99px;display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--text-color)}.materi_playOverlay__eA_fd{position:absolute;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.materi_materiCard__sFiYv:hover .materi_playOverlay__eA_fd{opacity:1}.materi_cardContent__fyJhZ{padding:1.5rem;display:flex;flex-direction:column;flex:1 1}.materi_cardTitle__SoPLO{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color);line-height:1.4}.materi_cardDesc__xrxcW{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5;flex:1 1}.materi_cardFooter__ODAvC{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.materi_duration__aNAsw{font-size:.85rem;color:var(--text-muted);font-weight:500}.materi_readBtn__l6n6n{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--primary);font-weight:600;font-size:.9rem;cursor:pointer;padding:0;transition:gap .2s ease}.materi_materiCard__sFiYv:hover .materi_readBtn__l6n6n{gap:.5rem}.materi_emptyState__8Wb_T{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--card-bg);border:1px dashed var(--border-color);border-radius:16px;color:var(--text-muted);gap:1rem}