:root{--bg: #0d1117;--card-bg: #161b22;--text: hsl(21, 76%, 54%);--accent: #c758ff;--glow: rgba(245, 250, 90, .4)}body{background-color:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif;margin:0;padding:2rem;display:flex;justify-content:center;min-height:100vh}main{width:100%;max-width:1200px;text-align:center}h1{font-size:2.8rem;margin-bottom:.3rem;color:var(--accent)}.subheading{margin-bottom:2rem;font-size:1rem;color:#8b949e}.cards-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.card{width:320px;height:auto;min-height:240px;background-color:var(--card-bg);border-radius:16px;padding:1.5rem;box-shadow:0 8px 20px #0000004d;transform:translateY(0) scale(1);transition:transform .4s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;will-change:transform}.card:hover{animation:riseIn .25s ease-out forwards;transform:translateY(-20px) scale(1.05);box-shadow:0 25px 45px var(--glow),0 0 16px var(--accent);z-index:10}.card h2{font-size:1.2rem;color:var(--accent);margin-bottom:.5rem}.card p{font-size:.95rem;color:#c9d1d9;line-height:1.4}.card .tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background-color:#21262d;border:1px solid #30363d;padding:4px 8px;border-radius:6px;font-size:.75rem;color:#8b949e}@keyframes riseIn{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-12px) scale(1.035)}70%{transform:translateY(-22px) scale(1.06)}to{transform:translateY(-20px) scale(1.05)}}