.wrap{max-width:760px;margin:6vh auto}
.links{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px}
.card{display:block;transition:border-color .15s,transform .1s}
.card:hover{border-color:#888;transform:translateY(-2px)}
.card h2{margin:0 0 6px;font-size:1.1rem}
footer{margin-top:32px;font-size:.9rem;color:#777}
.hero-card{grid-column:1/-1;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border-color:var(--accent)}