.bento-grid{width:100%;position:relative}.card{border-radius:calc(var(--radius) + 8px);background:color-mix(in srgb,var(--card)92%,transparent);border:1px solid color-mix(in srgb,var(--border)78%,transparent);color:var(--card-foreground);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:180px;--glow-color:159,180,161;flex-direction:column;justify-content:space-between;padding:1.4rem;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.card__header{letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground);justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.card__label{background:color-mix(in srgb,var(--secondary)60%,transparent);color:var(--secondary-foreground);border-radius:999px;padding:.2rem .6rem;font-weight:600;display:inline-flex}.card__content{gap:.6rem;margin-top:1rem;display:grid}.card__title{color:var(--primary);letter-spacing:-.02em;font-size:1.3rem;font-weight:600}.card__description{color:var(--muted-foreground);font-size:.95rem;line-height:1.5}.card__detail{color:color-mix(in srgb,var(--muted-foreground)85%,var(--primary)15%);font-size:.85rem}.card--text-autohide .card__description,.card--text-autohide .card__detail{opacity:.85;transition:opacity .2s}.card--text-autohide:hover .card__description,.card--text-autohide:hover .card__detail{opacity:1}.card--border-glow:after{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glow-x)var(--glow-y),rgba(var(--glow-color),.28),rgba(var(--glow-color),.16)28%,transparent 62%);opacity:var(--glow-intensity);pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.card--border-glow:before{content:"";border-radius:inherit;background:radial-gradient(circle at var(--glow-x)var(--glow-y),rgba(var(--glow-color),.18),transparent 58%);opacity:calc(var(--glow-intensity)*.6);pointer-events:none;position:absolute;inset:1px}.card .card__custom{gap:.6rem;margin-top:1rem;display:grid}.global-spotlight{mix-blend-mode:soft-light}.particle{filter:blur(.2px)}@media (max-width:768px){.card{padding:1.1rem}}
