.pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}:root{--purple-primary:rgba(132,0,255,1);--purple-glow:rgba(132,0,255,0.2);--purple-border:rgba(132,0,255,0.8);--border-color:rgba(255,255,255,0.1);--background-dark:transparent}html:not(.dark){--border-color:rgba(0,0,0,0.1);--background-dark:transparent}html:not(.dark) .magic-bento-card{background:radial-gradient(ellipse at center,hsl(var(--background)/.95) 0,transparent 85%)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%;height:100%;border-radius:8px;border:1px solid var(--border-color);background:radial-gradient(ellipse at center,hsl(var(--background)/.85) 0,transparent 85%);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);font-weight:300;overflow:hidden;transition:all .3s ease;--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,.05)}.dark .magic-bento-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.5)}.magic-bento-card:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color-rgb),calc(var(--glow-intensity) * .15)) 0,rgba(var(--glow-color-rgb),calc(var(--glow-intensity) * .08)) 15%,rgba(var(--glow-color-rgb),calc(var(--glow-intensity) * .04)) 25%,transparent 60%);pointer-events:none;z-index:0;mix-blend-mode:screen}html:not(.dark) .magic-bento-card:before{mix-blend-mode:multiply}.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(var(--glow-color-rgb),calc(var(--glow-intensity) * .8)) 0,rgba(var(--glow-color-rgb),calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;-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);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px rgba(var(--glow-color-rgb),.4),0 0 30px rgba(var(--glow-color-rgb),.2)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(var(--glow-color-rgb),.2);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px rgba(var(--glow-color-rgb),.1),0 0 30px rgba(var(--glow-color-rgb),.1)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}html:not(.dark) .global-spotlight{mix-blend-mode:multiply}.bento-section{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:99999;mix-blend-mode:difference;transform:translate(-50%,-50%)}.target-cursor-dot{width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.target-cursor-corner,.target-cursor-dot{position:absolute;left:50%;top:50%;will-change:transform}.target-cursor-corner{width:12px;height:12px;border:3px solid #fff}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}*,:after,:before{cursor:none!important}