.bento-section{padding-top:2rem;padding-bottom:4rem}.bento-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 1rem}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.bento-card{background:rgba(255,255,255,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.2);border-color:rgba(255,255,255,.2)}.bento-card::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.03) 100%);opacity:0;transition:opacity var(--transition-base)}.bento-card:hover::before{opacity:1}.bento-label{font-family:var(--font-orbitron);font-size:clamp(.75rem, 2vw, 1rem);font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.bento-card:first-child .bento-label{color:#6f95f1}.bento-card:nth-child(2) .bento-label{color:#d06cff}.bento-card:nth-child(3) .bento-label{color:#3fffff}.bento-value{font-family:var(--font-orbitron);color:var(--color-text);font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;text-shadow:0 0 15px rgba(99,102,241,.3);line-height:1.1}.bento-value.small-text{font-size:clamp(1.5rem, 3vw, 2rem)}