.card-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.icon-wrapper{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:background .3s ease}.bento-card:hover .icon-wrapper{background:rgba(255,255,255,.1)}.icon{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.status-badge{font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.06);color:#d1d5db;transition:background .3s ease}.bento-card:hover .status-badge{background:rgba(255,255,255,.12)}.description{font-size:13.5px;line-height:1.5;color:var(--text-muted);margin:0 0 20px;font-weight:400}.card-footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11.5px;padding:4px 8px;border-radius:6px;background:var(--tag-bg);color:#a1a1aa;transition:all .2s ease}.tag:hover{background:var(--tag-hover);color:#e5e7eb}.span-2{grid-column:span 2}.span-1{grid-column:span 1}.hidden{display:none!important}.reveal-anim{animation:revealCard .4s cubic-bezier(.16,1,.3,1) forwards}@media (max-width:900px){.span-2{grid-column:span 2}}@media (max-width:600px){.span-2,.span-1{grid-column:span 1}}