:root{--hue:27;--sat:69%;--white:hsl(0,0%,100%);--purple-primary:rgba(237,126,0,1);--purple-glow:rgba(237,126,0,0.2);--purple-border:rgba(237,126,0,0.8);--border-color:rgba(255,255,255,0.1);--background-dark:rgba(255,255,255,0.05);color-scheme:light dark}.card-grid{display:grid;gap:2rem;width:100%}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:200px;width:100%;height:100%;padding:2rem;border-radius:1.5rem;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(10px);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);background:rgba(255,255,255,.08)}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:2px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(255,255,255,calc(var(--glow-intensity) * .5)) 0,rgba(255,255,255,calc(var(--glow-intensity) * .1)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:currentColor;border-radius:50%;z-index:-1}.global-spotlight{mix-blend-mode:overlay;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative}