.magic-bento-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,auto);gap:1rem;width:100%}.magic-bento-card:first-child,.magic-bento-card:nth-child(2){grid-column:span 3;grid-row:span 2}.magic-bento-card:nth-child(3),.magic-bento-card:nth-child(4),.magic-bento-card:nth-child(5){grid-column:span 2;grid-row:span 1}.magic-bento-card{position:relative;border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .3s ease,border-color .3s ease;min-height:180px;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px;--glow-color:132,0,255}.magic-bento-card:hover{border-color:rgba(255,255,255,.15)}.magic-bento-card__background{position:absolute;inset:0;z-index:0;pointer-events:none}.magic-bento-card--border-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(.6 * var(--glow-intensity))),rgba(var(--glow-color),calc(.3 * var(--glow-intensity))) 40%,transparent 70%);-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;z-index:10;transition:opacity .3s ease}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(.15 * var(--glow-intensity))),transparent 60%);pointer-events:none;z-index:1}.magic-bento-card__header{position:relative;z-index:5;display:flex;align-items:center;gap:.5rem;margin-bottom:auto}.magic-bento-card__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.magic-bento-card__icon svg{width:1.25rem;height:1.25rem}.magic-bento-card__label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);padding:.25rem .5rem;background:rgba(255,255,255,.05);border-radius:.25rem}.magic-bento-card__content{position:relative;z-index:5;margin-top:auto}.magic-bento-card__title{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .5rem;line-height:1.3}.magic-bento-card__description{font-size:.875rem;color:rgba(255,255,255,.6);margin:0;line-height:1.5}.magic-bento-card--text-autohide .magic-bento-card__content{opacity:.7;transform:translateY(.5rem);transition:opacity .3s ease,transform .3s ease}.magic-bento-card--text-autohide:hover .magic-bento-card__content{opacity:1;transform:translateY(0)}.particle-container{transform-style:preserve-3d}@media (max-width:768px){.magic-bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:.75rem}.magic-bento-card:first-child,.magic-bento-card:nth-child(2),.magic-bento-card:nth-child(3),.magic-bento-card:nth-child(4),.magic-bento-card:nth-child(5){grid-column:span 1;grid-row:span 1}.magic-bento-card:first-child{grid-column:span 2}.magic-bento-card{min-height:160px;padding:1.25rem;border-radius:1.25rem}.magic-bento-card__title{font-size:.9375rem}.magic-bento-card__description{display:none}.magic-bento-card__icon{width:2rem;height:2rem;border-radius:.5rem}.magic-bento-card__icon svg{width:1rem;height:1rem}.magic-bento-card--text-autohide .magic-bento-card__content{opacity:1;transform:translateY(0)}}@media (min-width:769px) and (max-width:1024px){.magic-bento-grid{grid-template-columns:repeat(2,1fr)}.magic-bento-card:first-child,.magic-bento-card:nth-child(2){grid-column:span 1;grid-row:span 2}.magic-bento-card:nth-child(3),.magic-bento-card:nth-child(4),.magic-bento-card:nth-child(5){grid-column:span 1;grid-row:span 1}}