.modern-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width:640px){.modern-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.modern-grid{grid-template-columns:repeat(3,1fr)}}.modern-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #f3f4f6;display:flex;flex-direction:column;height:100%;text-decoration:none;position:relative}@media (max-width:639px){.modern-card{flex-direction:column;height:100%;border-radius:12px}.modern-card-image-box{height:140px;width:100%}.modern-card-content{padding:12px}.modern-card-title{font-size:1rem;margin-bottom:6px;-webkit-line-clamp:3;line-clamp:3}.modern-card-meta{font-size:.75rem;flex-wrap:wrap;gap:6px}.modern-card-desc{display:none}.modern-card-badge{font-size:.6rem;padding:4px 8px;top:8px;left:8px}}.modern-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#e5e7eb}.modern-card-image-box{position:relative;height:240px;overflow:hidden;width:100%}.modern-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.modern-card:hover .modern-card-img{transform:scale(1.05)}.modern-card-badge{position:absolute;top:16px;left:16px;background-color:rgba(37,99,235,.9);color:#fff;padding:6px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;backdrop-filter:blur(4px);z-index:10;text-transform:uppercase;letter-spacing:.05em}.modern-card-content{padding:24px;flex:1;display:flex;flex-direction:column}.modern-card-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:12px;line-height:1.4;font-family:Outfit,sans-serif;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-card:hover .modern-card-title{color:#2563eb}.modern-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.875rem;color:#6b7280}.modern-card-desc{color:#4b5563;font-size:.95rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.modern-card-cta{display:inline-flex;align-items:center;gap:8px;color:#2563eb;font-weight:600;font-size:.9rem;margin-top:auto}.modern-card-cta svg{transition:transform .2s ease}.modern-card:hover .modern-card-cta svg{transform:translateX(4px)}.modern-container{max-width:1280px;margin:0 auto;padding:60px 20px}.modern-section-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:48px;color:#111827;font-family:Outfit,sans-serif}