.wrap{max-width:1120px;margin:0 auto;padding:3rem 1.25rem 5rem}.hero{text-align:center;margin-bottom:1.25rem;padding:2.25rem 1.5rem;border-radius:28px;border:1px solid rgba(226,232,240,.9);background:radial-gradient(700px 220px at 20% 0%,rgba(59,130,246,.14),transparent 60%),radial-gradient(700px 220px at 80% 0%,rgba(168,85,247,.14),transparent 60%),#ffffffd9;box-shadow:0 24px 60px #0f172a0f;backdrop-filter:blur(10px)}.badge{display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:999px;background:#3b82f61a;border:1px solid rgba(59,130,246,.18);color:#2563eb;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.title{margin-top:1rem;font-size:clamp(2rem,3vw,3rem);line-height:1.1;letter-spacing:-.02em;font-weight:950;color:#0f172a}.subtitle{margin:.75rem auto 0;max-width:70ch;color:#475569;font-size:1.05rem;line-height:1.85}.searchbar{margin:1.25rem auto 0;max-width:820px;display:flex;gap:.75rem;align-items:center;justify-content:center}.searchbar__input{flex:1;height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(226,232,240,.95);background:#ffffffe6;box-shadow:0 14px 40px #0f172a0f;outline:none;font-weight:650;color:#0f172a}.searchbar__input:focus{border-color:#3b82f673;box-shadow:0 20px 60px #3b82f61f}.searchbar__btn{height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(226,232,240,.95);background:#0f172a;color:#fff;font-weight:900;cursor:pointer}.filters{margin:1.05rem auto 0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip{padding:.38rem .8rem;border-radius:999px;border:1px solid rgba(226,232,240,.95);background:#ffffffd9;font-weight:900;font-size:12px;color:#334155;cursor:pointer}.chip.is-active{background:#3b82f61f;border-color:#3b82f640;color:#1d4ed8}.toolbar{margin-top:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#64748b;font-weight:900;font-size:12px}.select{display:flex;align-items:center;gap:.5rem}select{height:34px;border-radius:12px;border:1px solid rgba(226,232,240,.95);background:#ffffffe6;font-weight:900;color:#0f172a;padding:0 .5rem}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;margin-top:1rem}.card{grid-column:span 12;border-radius:24px;border:1px solid rgba(226,232,240,.95);background:#ffffffe6;box-shadow:0 18px 50px #0f172a0f;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-4px);border-color:#3b82f659;box-shadow:0 26px 70px #0206171a}.card__link{display:block;color:inherit;text-decoration:none}.card__media{aspect-ratio:16/9;background:#f1f5f9;border-bottom:1px solid rgba(226,232,240,.95)}.card__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.card__body{padding:1.2rem 1.35rem 1.15rem}.card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:12px;font-weight:950;padding:.25rem .6rem;border-radius:999px;background:#a855f71a;border:1px solid rgba(168,85,247,.16);color:#7c3aed}.date{color:#64748b;font-size:12px;font-weight:900;white-space:nowrap}.card__title{margin-top:.7rem;font-size:1.25rem;line-height:1.25;font-weight:950;letter-spacing:-.02em;color:#0f172a}.card__desc{margin-top:.55rem;color:#475569;line-height:1.8;font-size:.98rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{margin-top:.65rem;color:#64748b;font-size:12px;font-weight:900;display:flex;gap:.5rem;align-items:center}.dot{opacity:.7}.card__footer{margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:space-between;color:#2563eb;font-weight:950}.arrow{display:inline-block;transition:transform .18s ease}.card:hover .arrow{transform:translate(4px)}.pager{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.pager__btn{padding:.55rem .9rem;border-radius:14px;border:1px solid rgba(226,232,240,.95);background:#ffffffe6;font-weight:950;color:#0f172a}.pager__btn:disabled{opacity:.45;cursor:not-allowed}.pager__info{color:#64748b;font-weight:950;font-size:12px}@media(min-width:768px){.card{grid-column:span 6}}@media(min-width:1024px){.card{grid-column:span 4}}