.bento-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);width:100%}@media(min-width:640px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(260px,auto)}}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(260px,auto)}}@media(min-width:1024px){.bento-item.size-2x1{grid-column:span 2}.bento-item.size-1x2{grid-row:span 2}.bento-item.size-2x2{grid-column:span 2;grid-row:span 2}}.bento-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;overflow:hidden;min-height:260px;padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);transition:border-color var(--transition-slow),box-shadow var(--transition-slow),transform var(--transition-slow);box-shadow:var(--shadow-card)}.bento-item:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow),var(--shadow-card);transform:translateY(-4px)}.bento-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto}.bento-tag{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-light);opacity:.7}.bento-arrow-btn{width:36px;height:36px;border-radius:var(--radius-full);background:#6366f114;border:1px solid rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;color:var(--color-primary-light);font-size:1rem;transition:all var(--transition-base);flex-shrink:0}.bento-item:hover .bento-arrow-btn{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:rotate(0) scale(1.05);box-shadow:0 4px 16px #6366f14d}.bento-body{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-10);z-index:2;position:relative}.bento-icon{font-size:1.75rem;color:var(--color-primary-light);width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-shrink:0}.bento-item:hover .bento-icon{background:#6366f124;border-color:#6366f14d;color:#fff}.bento-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.15}.bento-item.size-2x2 .bento-title{font-size:clamp(1.75rem,3vw,2.5rem)}.bento-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.bento-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 80%,rgba(99,102,241,.08) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;z-index:1}.bento-item:hover .bento-glow{opacity:1}.bento-border-glow{position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary-to-accent);opacity:0;transition:opacity var(--transition-slow)}.bento-item:hover .bento-border-glow{opacity:.6}