.bento-section{position:relative;-webkit-user-select:none;user-select:none}.card-grid{display:grid;gap:14px}@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:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4 / 3;min-height:220px;padding:22px;border-radius:16px;border:1px solid var(--color-border);background:#010101;color:var(--color-foreground);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 240px}.magic-bento-card:hover{border-color:var(--color-border-strong)}.magic-bento-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}.magic-bento-card__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-background)}.magic-bento-card__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted-foreground)}.magic-bento-card__content{position:relative;z-index:2;display:flex;flex-direction:column}.magic-bento-card__title{font-size:22px;font-weight:500;letter-spacing:-.02em;margin:0 0 6px;color:var(--color-foreground)}.magic-bento-card__description{font-size:13.5px;line-height:1.5;color:var(--color-muted-foreground)}.magic-bento-card--text-autohide .magic-bento-card__title{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color, 55, 84, 255),calc(var(--glow-intensity) * .85)) 0%,rgba(var(--glow-color, 55, 84, 255),calc(var(--glow-intensity) * .4)) 30%,transparent 60%);-webkit-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{box-shadow:0 4px 22px #0006,0 0 30px rgba(var(--glow-color, 55, 84, 255),.18)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:rgba(var(--glow-color, 55, 84, 255),.18);border-radius:50%;z-index:-1}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}