.card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;width:100%;max-width:285px;padding:20px;transition:box-shadow .2s,transform .2s,background-color .3s,border-color .3s;display:flex}.dark .card,:root[data-theme=dark] .card{background-color:#1f2a44;border-color:#2a3b5d}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.dark .card:hover,:root[data-theme=dark] .card:hover{box-shadow:0 8px 20px #0000004d}.card-icon{border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-title{color:#111827;padding:12px 0 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px;font-weight:700;line-height:20.8px;transition:color .3s}.dark .card-title,:root[data-theme=dark] .card-title{color:#f1f5f9}.card-description{color:#4b5563;-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:118px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:30px;transition:color .3s;display:-webkit-box;overflow:hidden}.dark .card-description,:root[data-theme=dark] .card-description{color:#94a3b8}.card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding:20px 3px 3px;display:flex}.card-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:background-color .2s}.card-button:hover{background-color:#1d4ed8}@media (max-width:640px){.card{width:100%;max-width:100%;padding:16px}.card-title{font-size:16px}.card-description{font-size:14px}}@media (min-width:641px) and (max-width:768px){.card{padding:18px}}