.card-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:24px;display:grid}.card-grid>:first-child{grid-area:span 1/span 1}.card-grid>:nth-child(2){grid-area:span 1/span 2}.card-grid>:nth-child(3){grid-area:span 2/span 1}.card-grid>:nth-child(4),.card-grid>:nth-child(5){grid-area:span 1/span 1}.card-grid>:nth-child(6){grid-area:span 1/span 2}@media (max-width:1024px){.card-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.card-grid>:first-child,.card-grid>:nth-child(2),.card-grid>:nth-child(3),.card-grid>:nth-child(4),.card-grid>:nth-child(5),.card-grid>:nth-child(6){grid-area:span 1/span 1}}@media (max-width:768px){.card-grid{grid-template-columns:1fr;gap:12px;padding:16px}.card-grid>*{grid-area:span 1/span 1}}.magic-bento-card{color:#fff;min-height:180px;transform-style:preserve-3d;will-change:transform;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px;--glow-color:58,96,115;background:linear-gradient(145deg,#072638e6,#072638b3);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.magic-bento-card:before{content:"";background:radial-gradient(circle at var(--glow-x)var(--glow-y),rgba(var(--glow-color),calc(.3*var(--glow-intensity)))0%,rgba(var(--glow-color),calc(.15*var(--glow-intensity)))20%,transparent 60%);pointer-events:none;z-index:1;opacity:var(--glow-intensity);transition:opacity .3s;position:absolute;inset:0}.magic-bento-card:after{content:"";background:linear-gradient(135deg,rgba(var(--glow-color),calc(.6*var(--glow-intensity)))0%,transparent 50%,rgba(var(--glow-color),calc(.4*var(--glow-intensity)))100%);-webkit-mask-composite:xor;pointer-events:none;z-index:0;opacity:0;border-radius:18px;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-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:after{opacity:var(--glow-intensity)}.magic-bento-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #3a60734d}.magic-bento-card__header{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.magic-bento-card__label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffe6;background:#3a60734d;border:1px solid #3a607366;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.magic-bento-card__content{z-index:2;transition:transform .3s,opacity .3s;position:relative}.magic-bento-card--text-autohide .magic-bento-card__content{opacity:.7;transform:translateY(10px)}.magic-bento-card--text-autohide:hover .magic-bento-card__content{opacity:1;transform:translateY(0)}.magic-bento-card__title{color:#fff;margin:0 0 8px;font-size:1.25rem;font-weight:700;line-height:1.3}.magic-bento-card__description{color:#fffc;margin:0;font-size:.9rem;line-height:1.5}.particle-container{perspective:1000px}.particle{will-change:transform,opacity;backface-visibility:hidden}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.global-spotlight{mix-blend-mode:screen;filter:blur(40px)}.magic-bento-card:hover .magic-bento-card__label{background:#3a607380;border-color:#3a607399}@media (max-width:768px){.magic-bento-card{min-height:150px;padding:20px}.magic-bento-card__title{font-size:1.1rem}.magic-bento-card__description{font-size:.85rem}.magic-bento-card--text-autohide .magic-bento-card__content{opacity:1;transform:translateY(0)}}
