.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:16px; }
.card-link { border:1px solid #e9ecef; border-radius:1rem; padding:10px; text-align:center; transition: transform .15s ease, box-shadow .15s ease; color: #ffffff; }
.card-link:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.card-link i { font-size: 32px; margin-bottom: 8px; }
.badge-on { position:absolute; top:10px; right:10px; }
.container { color: #ffffff; }
.text-muted { color: #ffffff !important; }