@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");body{font-family:Poppins,sans-serif}.cardsContainer{display:grid;flex-wrap:wrap;justify-content:center;grid-gap:10px;gap:10px;grid-template-columns:var(--grid-3)}.card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-modal);width:360px;transition:transform .3s ease;margin:0;padding:0}.card:hover{transform:translateY(-5px)}.imageWrapper{position:relative}.imageWrapper span.date{position:absolute;bottom:10px;left:10px;background:orange;color:#494949;padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.content{padding:20px}.content h3{margin:0 0 10px;font-size:1rem;font-weight:700}.content p{font-size:.9rem;color:var(--ink-3);margin-bottom:15px;line-height:1.4}.readMore{background:#000;color:white;padding:8px 16px;font-size:.8rem;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:background .3s ease}.readMore:hover{background:#333}.container{padding:50px 20px;text-align:center;max-width:1200px;margin:0 auto}@media (min-width:110px) and (max-width:768px){.container{padding:16px 12px}.cardsContainer{display:flex;flex-direction:column;gap:20px}.card{width:100%;border:1px solid #e5e5e5;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);background-color:var(--surface)}.imageWrapper{position:relative;width:100%}.image{width:100%!important;height:auto!important;object-fit:cover}.date{position:absolute;bottom:10px;right:10px;background-color:var(--brand);color:var(--ink);padding:4px 8px;font-size:12px;border-radius:var(--radius-sm)}.content{padding:12px}.content h3{font-size:18px;margin-bottom:8px}.content p{font-size:14px;line-height:1.5;margin-bottom:12px}.readMore{background-color:#0a0a0a;color:white;padding:10px 16px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-xl);width:50%;text-align:center;cursor:pointer;transition:background-color .3s ease;margin-left:10px}.readMore:hover{background-color:var(--brand)}}@media (min-width:768px) and (max-width:1000px){.container{padding:16px 12px}.cardsContainer{display:flex;flex-wrap:wrap;gap:20px}.card{width:calc(50% - 10px);border:1px solid #e5e5e5;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);background-color:var(--surface)}.imageWrapper{position:relative;width:100%}.image{width:100%!important;height:auto!important;object-fit:cover}.date{position:absolute;bottom:10px;right:10px;background-color:var(--brand);color:var(--ink);padding:4px 8px;font-size:12px;border-radius:var(--radius-sm)}.content{padding:12px}.content h3{font-size:18px;margin-bottom:8px}.content p{font-size:14px;line-height:1.5;margin-bottom:12px}.readMore{background-color:#0a0a0a;color:white;padding:10px 16px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-xl);width:50%;text-align:center;cursor:pointer;transition:background-color .3s ease;margin-left:10px}.readMore:hover{background-color:var(--brand)}}@media (min-width:1001px){.cardsContainer{display:flex;flex-wrap:wrap;gap:20px}.card{width:calc(33.33% - 14px)}}