.app-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden;box-shadow:0 8px 24px #0f172a14;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.app-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a24}.app-card__preview{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;flex-shrink:0}.app-card__preview canvas{width:100%;height:100%;display:block}.app-card__preview-skeleton{width:100%;height:100%;min-height:0;background:linear-gradient(110deg,#f1f5f9,#e2e8f0,#f1f5f9 80%);background-size:200% 100%;animation:app-card-preview-shimmer 1.1s ease-in-out infinite}@keyframes app-card-preview-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app-card__content{display:flex;flex-direction:column;flex:1;padding:1.25rem;gap:.75rem}.app-card__tag{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2563eb;margin:0}.app-card__title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.25;color:#0f172a}.app-card__description{margin:0;font-size:.9rem;line-height:1.55;color:#4b5563;flex:1}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem 0}@media(max-width:640px){.apps-grid{grid-template-columns:1fr;gap:1.25rem}}