.bento-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}@media (min-width:640px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.bento-grid{gap:14px;grid-template-columns:repeat(4,1fr)}}.bento-lg{grid-column:span 2}.bento-md,.bento-sm{grid-column:span 1}.bento-card{background:#fff;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden;padding:20px;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}.bento-card:hover{border-color:var(--accent,#6366f1);box-shadow:5px 5px color-mix(in srgb,var(--accent,#6366f1) 12%,transparent);transform:translate(-2px,-2px)}.bento-corner{height:6px;opacity:.6;position:absolute;right:0;top:0;width:6px}.bento-card:hover .bento-corner{height:3px;opacity:.4;transition:all .3s;width:100%}.bento-icon{flex-shrink:0;height:32px;width:32px}.bento-icon svg{height:100%;width:100%}.bento-lg .bento-icon{height:40px;width:40px}.bento-content{display:flex;flex:1;flex-direction:column;gap:4px}.bento-name{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.bento-desc{color:#64748b;font-family:Inter,sans-serif;font-size:.8rem;line-height:1.5}.bento-lg .bento-name{font-size:.95rem}.bento-tag{border:1px solid;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.05em;margin-top:auto;padding:1px 6px;text-transform:uppercase;width:-moz-fit-content;width:fit-content}@keyframes bento-float-1{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bento-float-2{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bento-float-3{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.3deg)}}@keyframes bento-float-4{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bento-float-5{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-.3deg)}}.bento-float-1{animation:bento-float-1 5s ease-in-out infinite}.bento-float-2{animation:bento-float-2 6.5s ease-in-out infinite;animation-delay:.5s}.bento-float-3{animation:bento-float-3 7s ease-in-out infinite;animation-delay:1s}.bento-float-4{animation:bento-float-4 5.5s ease-in-out infinite;animation-delay:1.5s}.bento-float-5{animation:bento-float-5 8s ease-in-out infinite;animation-delay:2s}.bento-grid:hover .bento-item{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.bento-float-1,.bento-float-2,.bento-float-3,.bento-float-4,.bento-float-5{animation:none!important}}.img-modal-carousel{max-height:60vh;-o-object-fit:contain;object-fit:contain}