:root{--bento-glow-color:156,125,255;--bento-border-color:rgba(255,255,255,0.07);--bento-bg:#0a0a14;--bento-bg-hover:#0f0e1f}.bento-card-grid{display:grid;gap:.5em;padding:0;width:100%;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:200px;width:100%;padding:1.4em;border-radius:20px;border:1px solid var(--bento-border-color);background:var(--bento-bg);font-weight:300;overflow:hidden;transition:all .35s cubic-bezier(.22,1,.36,1);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;cursor:default}.magic-bento-card:hover{transform:translateY(-2px);border-color:rgba(156,125,255,.15);box-shadow:0 12px 32px rgba(0,0,0,.35),0 0 24px rgba(156,125,255,.06);background:var(--bento-bg-hover)}.magic-bento-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease;border-radius:inherit}.magic-bento-card:hover .magic-bento-card__image{transform:scale(1.04);opacity:.65}.magic-bento-card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0f0e1f 0,rgba(15,14,31,.65) 50%,transparent);border-radius:inherit;pointer-events:none}.magic-bento-card__content,.magic-bento-card__header{display:flex;position:relative;color:#fff;z-index:2}.magic-bento-card__header{gap:.75em;justify-content:space-between;align-items:flex-start}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(196,183,221,.7);background:rgba(156,125,255,.12);border:1px solid rgba(156,125,255,.2);padding:3px 10px;border-radius:999px}.magic-bento-card__title{font-weight:600;font-size:16px;margin:0 0 .3em;color:#fff;letter-spacing:-.02em}.magic-bento-card__description{font-size:12.5px;line-height:1.6;color:rgba(198,193,207,.85)}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:1px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(156,125,255,calc(var(--glow-intensity) * .9)) 0,rgba(156,125,255,calc(var(--glow-intensity) * .45)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:3}.particle{width:3px;height:3px;background:rgba(156,125,255,1);box-shadow:0 0 6px rgba(156,125,255,.7),0 0 12px rgba(196,183,221,.3);pointer-events:none;z-index:100}.particle,.particle:before{position:absolute;border-radius:50%}.particle:before{content:"";top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(156,125,255,.15);z-index:-1}.particle-container{position:relative;overflow:hidden}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;user-select:none}@media (max-width:599px){.bento-card-grid{grid-template-columns:1fr}.magic-bento-card{min-height:180px}}@media (min-width:600px){.bento-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.bento-card-grid{grid-template-columns:repeat(3,1fr)}.magic-bento-card:first-child,.magic-bento-card:nth-child(4){grid-column:span 2;min-height:240px}}