:root{--bento-white:#fff;--bento-primary:#84cc16;--bento-glow:#84cc1633;--bento-border:#84cc164d;--bento-border-color:#2d3139;--bento-background-dark:#252932;--bento-background-darker:#1a1d23}.card-grid{gap:.75rem;width:100%;max-width:1200px;margin:0 auto;padding:1rem;font-size:clamp(1rem,.9rem + .5vw,1.5rem);display:grid}.magic-bento-card{border:1px solid var(--bento-border-color);background:var(--bento-background-dark);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:180px;padding:1.5rem;font-weight:300;transition:all .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.magic-bento-card__header,.magic-bento-card__content{color:var(--bento-white);display:flex;position:relative}.magic-bento-card__header{justify-content:flex-start;gap:.75em}.magic-bento-card__icon{background:var(--bento-background-darker);width:48px;height:48px;color:var(--bento-primary);border-radius:12px;justify-content:center;align-items:center;transition:transform .3s,background .3s;display:flex}.magic-bento-card:hover .magic-bento-card__icon{background:#84cc161a;transform:scale(1.1)}.magic-bento-card__content{flex-direction:column;margin-top:auto}.magic-bento-card__label{color:#ffffffb3;font-size:14px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title:2;--clamp-desc:3}.magic-bento-card__title{color:var(--bento-white);margin:0 0 .5rem;font-size:18px;font-weight:600}.magic-bento-card__description{opacity:.7;color:#9ca3af;font-size:14px;line-height:1.5}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.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:100%;padding:1rem}.magic-bento-card{width:100%;min-height:140px}}@media (min-width:600px) and (max-width:1023px){.card-grid{grid-template-columns:repeat(2,1fr)}.magic-bento-card:nth-child(3),.magic-bento-card:nth-child(6){grid-column:span 2}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(160px,auto)}.magic-bento-card:first-child{grid-area:1/1}.magic-bento-card:nth-child(2){grid-area:1/2}.magic-bento-card:nth-child(3){grid-area:1/3/span 2/span 2;min-height:340px}.magic-bento-card:nth-child(4){grid-area:2/1/span 2/span 2;min-height:340px}.magic-bento-card:nth-child(5){grid-area:3/3}.magic-bento-card:nth-child(6){grid-area:3/4}.magic-bento-card:nth-child(7){grid-area:4/1}.magic-bento-card:nth-child(8){grid-area:4/2}.magic-bento-card:nth-child(9){grid-area:4/3/auto/span 2}.magic-bento-card:nth-child(10){grid-area:5/1/auto/span 4;min-height:120px}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(132,204,22,calc(var(--glow-intensity)*.8))0%,rgba(132,204,22,calc(var(--glow-intensity)*.4))30%,transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #0006,0 0 30px var(--bento-glow);border-color:#84cc164d}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";z-index:-1;background:#84cc1633;border-radius:50%;position:absolute;inset:-2px}.particle-container:hover{box-shadow:0 4px 20px #0000004d,0 0 30px var(--bento-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}