.prism-container{position:relative;width:100%;height:100%}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(132, 0, 255, 1);--purple-glow: rgba(132, 0, 255, .2);--purple-border: rgba(132, 0, 255, .8);--border-color: #392e4e;--background-dark: #060010;color-scheme:light dark}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:54em;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.25em;border-radius:20px;border:1px solid rgba(203,213,225,.8);background:#fff;font-weight:300;overflow:hidden;transition:all .3s ease;cursor:pointer;text-decoration:none;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px;--card-glow-r: 132, 0, 255}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014;border-color:rgba(var(--card-glow-r),.4)}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 1;--clamp-desc: 2}.magic-bento-card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.magic-bento-card__description{font-size:12px;line-height:1.2;opacity:.9}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width: 599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media (min-width: 600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(4,1fr)}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--card-glow-r),calc(var(--glow-intensity) * .9)) 0%,rgba(var(--card-glow-r),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);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 24px rgba(var(--card-glow-r),.15),0 0 0 1px rgba(var(--card-glow-r),.3)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:#8400ff33;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){.motion-wiggle,.motion-flip,.motion-heartbeat,.motion-shake,.motion-swing,.motion-tada,.motion-ping,.motion-rubber,.motion-fade-in,.motion-fade-in-up,.motion-fade-in-down,.motion-fade-in-left,.motion-fade-in-right,.motion-scale-in,.motion-slide-in-up,.motion-slide-in-down,.motion-rotate-in,.motion-zoom-in{animation:none!important;transition:none!important}}@keyframes motion-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes motion-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes motion-bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes motion-ping{75%,to{transform:scale(2);opacity:0}}@keyframes motion-wiggle{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes motion-flip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes motion-heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.2)}56%{transform:scale(1)}}@keyframes motion-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes motion-swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes motion-tada{0%{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes motion-rubber{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.motion-pulse{animation:motion-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.motion-spin{animation:motion-spin 1s linear infinite}.motion-bounce{animation:motion-bounce 1s infinite}.motion-ping{animation:motion-ping 1s cubic-bezier(0,0,.2,1) infinite}.motion-wiggle{animation:motion-wiggle 1s ease-in-out infinite}.motion-flip{animation:motion-flip 2s ease-in-out infinite}.motion-heartbeat{animation:motion-heartbeat 1.5s ease-in-out infinite}.motion-shake{animation:motion-shake .5s ease-in-out}.motion-swing{animation:motion-swing 1s ease-in-out}.motion-tada{animation:motion-tada 1s ease-in-out}.motion-rubber{animation:motion-rubber 1s ease-in-out}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-fade-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-fade-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes motion-fade-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes motion-scale-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes motion-slide-in-up{0%{opacity:0;transform:translateY(100px)}60%{opacity:1;transform:translateY(-10px)}80%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-slide-in-down{0%{opacity:0;transform:translateY(-100px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-rotate-in{0%{opacity:0;transform:rotate(-360deg) scale(0)}50%{opacity:.8;transform:rotate(-180deg) scale(.5)}80%{transform:rotate(10deg) scale(1.1)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes motion-zoom-in{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}65%{transform:scale(.9)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.motion-fade-in{animation:motion-fade-in .8s ease-out forwards}.motion-fade-in-up{animation:motion-fade-in-up .8s ease-out forwards}.motion-fade-in-down{animation:motion-fade-in-down .8s ease-out forwards}.motion-fade-in-left{animation:motion-fade-in-left .8s ease-out forwards}.motion-fade-in-right{animation:motion-fade-in-right .8s ease-out forwards}.motion-scale-in{animation:motion-scale-in .8s cubic-bezier(.34,1.56,.64,1) forwards}.motion-slide-in-up{animation:motion-slide-in-up .9s cubic-bezier(.16,1,.3,1) forwards}.motion-slide-in-down{animation:motion-slide-in-down .9s cubic-bezier(.16,1,.3,1) forwards}.motion-rotate-in{animation:motion-rotate-in 1s cubic-bezier(.34,1.56,.64,1) forwards}.motion-zoom-in{animation:motion-zoom-in .7s cubic-bezier(.68,-.55,.265,1.55) forwards}