.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.card{background:#fff;border:2px solid var(--secondary);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #e84a5f26}.card-image{width:100%;height:200px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;color:var(--typography);font-size:14px}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:20px}.card-title{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--typography)}.card-description{font-size:14px;color:var(--typography);line-height:1.5;margin-bottom:15px;opacity:.8}.card-link{display:inline-block;padding:10px 24px;background-color:var(--button);color:#fff;text-decoration:none;border-radius:50px;transition:all .3s ease;font-weight:600}.card-link:hover{background-color:#d63652;box-shadow:0 6px 15px #e84a5f33;transform:translateY(-2px)}.card-under-construction{opacity:.6;position:relative}.card-under-construction:hover{transform:translateY(0);box-shadow:0 8px 20px #e84a5f1a}.card-under-construction .card-image{filter:grayscale(60%)}.under-construction-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ff9800,#ff6f00);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:10;box-shadow:0 2px 8px #ff98004d}.card-link.disabled{background-color:#999;cursor:not-allowed;opacity:.7;pointer-events:none}.card-link.disabled:hover{background-color:#999;box-shadow:none;transform:none}