.container{max-width:1200px;margin:0 auto;padding:40px 20px}.header{margin-bottom:0;position:relative}.header h2{margin-bottom:16px}.header p{margin-bottom:40px}.tag{margin-top:20px;background:#f3f4f6;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;font-size:14px;margin-bottom:20px;cursor:pointer;margin-right:10px}.tag.active{background:#111827;color:#fff}.tag.active:hover{color:#000}.tag:first-child{background:#111827;color:#fff}.tag:not(:first-child){border:1px solid #e5e7eb}.tag:first-child:hover{background:#111827;color:#000}.tag:hover{background:#e5e7eb;transition:background-color .3s}.title{font-size:48px;font-weight:700;color:#111827;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;background-color:#f0f4ff}.content-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .5s ease;transform:translateY(0);display:flex;flex-direction:column;position:relative;min-height:200px;cursor:pointer}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.content-card:hover{background-color:#f3f4f6}.content-card.hidden{display:none}.content-card.opacity-0{opacity:0}.content-card.opacity-100{opacity:1}.content-card.translate-y-8{transform:translateY(2rem)}.content-card.translate-y-0{transform:translateY(0)}.icon{display:inline-block;padding:5px 10px;border-radius:15px;margin-bottom:16px;font-size:12px;width:fit-content;text-align:left}.pink{background:rgba(244,114,182,.2)}.green{background:rgba(110,231,183,.2)}.blue{background:rgba(96,165,250,.2)}.orange{background:rgba(251,146,60,.2)}.purple{background:rgba(167,139,250,.2)}.teal{background:rgba(45,212,191,.2)}.red{background:rgba(248,113,113,.2)}.indigo{background:rgba(129,140,248,.2)}.yellow{background:rgba(250,204,21,.2)}.rose{background:rgba(251,113,133,.2)}.cyan{background:rgba(34,211,238,.2)}.lime{background:rgba(163,230,53,.2)}.card-text{font-size:16px;color:#374151;text-align:left}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.pagination-btn{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:background-color .3s}.pagination-btn:hover{background:#e5e7eb}.read-more{margin-top:auto;padding-top:16px;color:#111827;font-size:14px;transition:color .3s}.wave-text{display:inline-block}.wave-letter{display:inline-block;transform:translateY(0);transition:transform .3s ease;font-size:14px}.content-card:hover .wave-letter{animation:wave 1.5s infinite;animation-delay:calc(.05s * var(--i))}@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.filter-toggle{display:none;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;padding:12px 24px;border-radius:20px;font-size:14px;cursor:pointer;margin-bottom:24px;color:#111827;box-shadow:0 1px 2px rgba(0,0,0,.05)}.plus-icon{font-weight:700}.filter-menu{transition:transform .3s ease-in-out}.filter-header{display:none;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:#fff}.filter-header h3{margin:0;font-size:18px;color:#111827}.close-filter{background:0 0;border:none;font-size:24px;cursor:pointer;padding:0;color:#111827}.filter-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;z-index:99998}.filter-overlay.active{opacity:1}@media (max-width:768px){.filter-toggle{display:flex}.filter-header{display:flex;position:sticky;top:0;background:#fff;z-index:2}.filter-menu{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;z-index:99999;transform:translateX(-100%);overflow-y:auto;box-shadow:2px 0 8px rgba(0,0,0,.1)}.filter-menu.active{transform:translateX(0)}.filter-options{padding:20px;display:flex;flex-direction:column;gap:12px}.tag{width:100%;margin:0;justify-content:flex-start}.filter-overlay.active{display:block}.grid{grid-template-columns:1fr;margin-top:0}.header>.tag{display:none}}