.card-grid{gap:1.25rem;width:100%;display:grid}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;border-radius:1rem;width:100%;min-height:200px;transition:transform .3s;position:relative;overflow:hidden}.magic-bento-card:hover{transform:translateY(-2px)}.magic-bento-card__glass{padding:1.25rem}.magic-bento-card__header,.magic-bento-card__content{z-index:10;display:flex;position:relative}.magic-bento-card__header{justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{letter-spacing:.02em;text-transform:uppercase;color:#1f7ea6;font-size:.75rem;font-weight:500}.magic-bento-card__title{font-family:var(--font-serif);color:#1c2e36f2;margin:0 0 .375rem;font-size:1.125rem;font-weight:500}.magic-bento-card__description{color:#1c2e36b3;font-size:.875rem;font-weight:300;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:1;line-clamp:1}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:4;line-clamp:4}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(12,1fr)}.magic-bento-card:first-child{grid-column:span 7}.magic-bento-card:nth-child(2){grid-column:span 5}.magic-bento-card:nth-child(3){grid-area:auto/span 4}.magic-bento-card:nth-child(4){grid-area:auto/span 5}.magic-bento-card:nth-child(5){grid-area:auto/span 3}}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-color), calc(var(--glow-intensity) * .9)) 0%, rgba(var(--glow-color), calc(var(--glow-intensity) * .4)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:1;padding:1px;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}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";background:rgba(var(--glow-color), .2);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.global-spotlight{will-change:transform, opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}.magic-bento-card__visual{color:#1c2e36;flex:auto;align-items:flex-end;min-height:3.5rem;margin-top:1rem;display:flex}.magic-bento-card__visual svg{width:100%;max-height:100%}@keyframes bento-draw{to{stroke-dashoffset:0}}@keyframes bento-shimmer{0%,to{opacity:.3}50%{opacity:1}}@keyframes bento-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes bento-fill{0%,8%{width:0}60%,92%{width:100%}to{width:0}}@keyframes bento-pop{0%,55%{opacity:0;transform:scale(0)}68%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes bento-ring{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}.bento-draw{animation:3s ease-in-out infinite bento-draw}.bento-shimmer{animation:1.8s ease-in-out infinite bento-shimmer}.bento-blink{animation:1s step-end infinite bento-blink}.bento-fill{animation:3s ease-in-out infinite bento-fill}.bento-pop{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite bento-pop}.bento-ring{animation:2s ease-out infinite bento-ring}@keyframes bento-collab-1{0%,to{transform:translate(65px,85px)}33%{transform:translate(175px,85px)}66%{transform:translate(105px,110px)}}@keyframes bento-collab-2{0%,to{transform:translate(160px,135px)}40%{transform:translate(85px,135px)}75%{transform:translate(210px,135px)}}@keyframes bento-collab-3{0%,to{transform:translate(210px,110px)}45%{transform:translate(95px,110px)}80%{transform:translate(235px,85px)}}.bento-collab-cursor-1{animation:7s ease-in-out infinite bento-collab-1}.bento-collab-cursor-2{animation:6s ease-in-out infinite bento-collab-2}.bento-collab-cursor-3{animation:8s ease-in-out infinite bento-collab-3}@keyframes bento-kanban-drag-card{0%,to{opacity:.9;z-index:1;border-left-color:#ef4444;transform:translate(0)rotate(0)scale(1);box-shadow:0 1px 2px #0000000d}20%{opacity:1;z-index:30;border-left-color:#ef4444;transform:translate(12px,-4px)rotate(-3deg)scale(1.04);box-shadow:0 12px 24px -4px #0f4c5c59}50%{opacity:1;z-index:30;border-left-color:#f97316;transform:translate(12px,56px)rotate(2deg)scale(1.04);box-shadow:0 14px 28px -4px #0f4c5c66}68%{opacity:.95;z-index:30;border-left-color:#f97316;transform:translateY(52px)rotate(0)scale(1);box-shadow:0 1px 2px #0000000d}88%{z-index:30;border-left-color:#f97316;transform:translateY(52px)rotate(0)scale(1)}}@keyframes bento-kanban-drag-cursor{0%,to{opacity:0;transform:translate(160px,160px)}12%{opacity:1;transform:translate(110px,74px)}20%{opacity:1;transform:translate(122px,70px)}50%{opacity:1;transform:translate(122px,126px)}68%{opacity:1;transform:translate(110px,122px)}82%{opacity:0;transform:translate(160px,160px)}}@keyframes bento-kanban-slot-highlight{0%,25%,85%,to{opacity:0;transform:scale(.95)}35%,75%{opacity:1;transform:scale(1)}}.bento-kanban-card-animated{animation:6s cubic-bezier(.4,0,.2,1) infinite bento-kanban-drag-card}.bento-kanban-cursor-animated{animation:6s cubic-bezier(.4,0,.2,1) infinite bento-kanban-drag-cursor}.bento-kanban-drop-slot{animation:6s cubic-bezier(.4,0,.2,1) infinite bento-kanban-slot-highlight}@media (prefers-reduced-motion:reduce){.magic-bento-card__visual *,.bento-draw,.bento-shimmer,.bento-blink,.bento-fill,.bento-pop,.bento-ring,.bento-collab-cursor-1,.bento-collab-cursor-2,.bento-collab-cursor-3,.bento-kanban-card-animated,.bento-kanban-cursor-animated{animation:none!important}.bento-draw{stroke-dashoffset:0}.bento-fill{width:100%}}