.bento-section{position:relative;width:100%;min-height:auto;display:block;padding:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;width:100%;margin:0 auto}@media (min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}}.card{border-radius:1rem;padding:2.5rem;overflow:hidden;transition:all .3s ease;background:var(--card);border:1px solid var(--border);flex-direction:column;cursor:pointer;transform-style:preserve-3d}.card,.card__header{position:relative;display:flex}.card__header{justify-content:space-between;align-items:center;margin-bottom:1rem;z-index:2}.card__label{display:inline-block;padding:.25rem .75rem;background:rgba(var(--glow-color,59,130,246),.12);color:rgba(var(--glow-color,59,130,246),.9);border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.card__content{flex:1;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:2;transition:opacity .3s ease}.card__title{font-size:1.75rem;font-weight:700;color:var(--foreground);margin:0;transition:transform .3s ease}.card__description{font-size:1rem;color:var(--muted-foreground);line-height:1.8;margin:0;opacity:1;transition:opacity .3s ease}.card--text-autohide:hover .card__description{opacity:0}.card--text-autohide:hover .card__title{transform:translateY(-.5rem)}.card--border-glow{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px}.card--border-glow:before{inset:-1px;padding:1px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color,59,130,246),calc(var(--glow-intensity) * .8)) 0,rgba(var(--glow-color,59,130,246),calc(var(--glow-intensity) * .4)) 30%,transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card--border-glow:after,.card--border-glow:before{content:"";position:absolute;border-radius:inherit;pointer-events:none;opacity:var(--glow-intensity);transition:opacity .3s ease}.card--border-glow:after{inset:0;background:radial-gradient(calc(var(--glow-radius) * 1.2) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color,59,130,246),calc(var(--glow-intensity) * .15)) 0,rgba(var(--glow-color,59,130,246),calc(var(--glow-intensity) * .08)) 30%,transparent 60%)}.particle-container{isolation:isolate}.particle{position:absolute;pointer-events:none}.global-spotlight,.particle{will-change:transform,opacity}.global-spotlight{filter:blur(60px)}.card:hover{transform:translateY(-4px);box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px var(--ring)}.card:hover .card__label{background:rgba(var(--glow-color,59,130,246),.18);color:rgba(var(--glow-color,59,130,246),1)}@media (max-width:768px){.card-grid{grid-template-columns:1fr}.card{padding:2rem}}@media (min-width:768px){.card__title{font-size:2rem}}@media (prefers-color-scheme:dark){.card{background:var(--card)}}