.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;padding:0;display:grid}.bento-section{position:relative}.magic-bento-card{background:var(--card-bg,#302a36);cursor:pointer;border:1px solid #23ffff33;border-radius:1rem;min-height:180px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.magic-bento-card--border-glow{border:1px solid #23ffff4d;box-shadow:0 0 20px #23ffff1a}.magic-bento-card--border-glow:before{content:"";background:radial-gradient(circle at var(--glow-x,50%)var(--glow-y,50%),rgba(35,255,255,calc(var(--glow-intensity,0)*.6))0%,rgba(35,255,255,calc(var(--glow-intensity,0)*.3))30%,transparent 70%);-webkit-mask-composite:xor;pointer-events:none;opacity:var(--glow-intensity,0);border-radius:1rem;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.magic-bento-card:after{content:"";background:radial-gradient(circle at var(--glow-x,50%)var(--glow-y,50%),rgba(35,255,255,calc(var(--glow-intensity,0)*.15))0%,rgba(35,255,255,calc(var(--glow-intensity,0)*.08))30%,transparent 60%);pointer-events:none;opacity:var(--glow-intensity,0);border-radius:1rem;transition:opacity .3s;position:absolute;inset:0}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 0 30px #23ffff4d}.magic-bento-card__header{z-index:2;margin-bottom:1rem;position:relative}.magic-bento-card__label{color:#23ffff;text-transform:uppercase;letter-spacing:.05em;background:#23ffff1a;border:1px solid #23ffff4d;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.magic-bento-card__content{z-index:2;position:relative}.magic-bento-card__title{color:#fff;text-shadow:0 0 10px #23ffff4d;margin-bottom:.5rem;font-size:2rem;font-weight:700}.magic-bento-card__description{color:#23ffffcc;font-size:.875rem;line-height:1.5}.magic-bento-card--text-autohide .magic-bento-card__description{opacity:0;transition:all .3s;transform:translateY(10px)}.magic-bento-card--text-autohide:hover .magic-bento-card__description{opacity:1;transform:translateY(0)}.particle-container{transform-style:preserve-3d}.particle,.global-spotlight{will-change:transform,opacity}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:1rem}.magic-bento-card{min-height:150px}.magic-bento-card__title{font-size:1.5rem}}