:root{--bento-gold:#a67c00;--bento-gold-glow:#a67c001f;--bento-border:#a67c004d;--bento-bg:#dfdcd5;--bento-border-color:#1e1c191f}.magic-bento-card{border:1px solid var(--bento-border-color);background:var(--bento-bg);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:220px;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;padding:1.75rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(166, 124, 0, calc(var(--glow-intensity) * .5)) 0%, rgba(166, 124, 0, calc(var(--glow-intensity) * .15)) 40%, transparent 70%);border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:exclude;pointer-events:none;opacity:1;z-index:1;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 10px 30px #a67c0014, 0 0 15px var(--bento-gold-glow);border-color:#a67c0066}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";z-index:-1;background:#a67c0033;border-radius:50%;position:absolute;inset:-2px}.particle-container:hover{box-shadow:0 10px 30px #a67c0014, 0 0 15px var(--bento-gold-glow)}.global-spotlight{will-change:transform, opacity;pointer-events:none;z-index:10!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}