.mbSection{max-width:1100px;margin:28px auto;padding:0 16px}.magicBento{--x:50%;--y:50%;--spotlight-radius:380px;background:radial-gradient(circle var(--spotlight-radius)at var(--x)var(--y),#78a0ff2e,transparent 60%),#ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:repeat(12,1fr);gap:14px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000059,0 0 60px #78a0ff1a}.magicCard{background:linear-gradient(#ffffff1a,#ffffff0a);border:1px solid #ffffff1f;border-radius:18px;grid-column:span 3;padding:16px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:inset 0 0 0 1px #ffffff0a}.magicCard:hover{border-color:#78a0ff73;transform:translateY(-4px);box-shadow:0 18px 55px #00000073,0 0 45px #78a0ff38}.magicTop{justify-content:flex-start;display:flex}.magicLabel{opacity:.75;background:#00000040;border:1px solid #ffffff1a;border-radius:999px;padding:6px 10px;font-size:12px}.magicTitle{margin:12px 0 6px;font-size:18px;line-height:1.2}.magicDesc{opacity:.82;margin:0;font-size:13px}@media (max-width:900px){.magicCard{grid-column:span 6}}@media (max-width:560px){.magicCard{grid-column:span 12}}