:root{--card-bg:#fff;--text-main:#000;--text-muted:#6b7280;--accent-yellow:#facc15;--border-light:#e5e7eb;--shadow-normal:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-hover:0 20px 25px -5px #facc1526,0 10px 10px -5px #0000000a}.card-grid{gap:1.5rem;width:100%;padding:1rem;display:grid}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.magic-bento-card{border:1px solid var(--border-light);background:var(--card-bg);min-height:300px;box-shadow:var(--shadow-normal);cursor:pointer;z-index:1;border-radius:24px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:2.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.corner-highlight{z-index:5;pointer-events:none;width:50px;height:50px;transition:all .4s cubic-bezier(.23,1,.32,1);position:absolute}.corner-highlight.top-left{border-top:3px solid var(--accent-yellow);border-left:3px solid var(--accent-yellow);opacity:.6;border-top-left-radius:24px;top:-1px;left:-1px}.corner-highlight.bottom-right{border-bottom:3px solid var(--accent-yellow);border-right:3px solid var(--accent-yellow);opacity:.6;border-bottom-right-radius:24px;bottom:-1px;right:-1px}.magic-bento-card:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.magic-bento-card:hover{border:1px solid var(--accent-yellow);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.magic-bento-card:hover .corner-highlight{opacity:1;border-color:#fb923c;width:70px;height:70px}.magic-bento-card__icon{z-index:10;filter:grayscale(0%);opacity:1;justify-content:center;align-items:center;width:100px;height:100px;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.magic-bento-card:hover .magic-bento-card__icon{transform:scale(1.1)rotate(5deg)}.magic-bento-card__number{color:#00000008;-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:900;line-height:1;transition:all .4s;position:absolute;bottom:1.5rem;right:1.5rem}.magic-bento-card:hover .magic-bento-card__number{color:#facc151a;transform:translateY(-10px)}.magic-bento-card__content{z-index:10;width:100%;position:relative}.magic-bento-card__title{color:var(--text-main);text-transform:uppercase;letter-spacing:-.03em;max-width:70%;margin-bottom:.75rem;font-size:1.4rem;font-weight:900;line-height:1.1}.magic-bento-card__description{color:var(--text-muted);max-width:90%;font-size:.95rem;line-height:1.6}.particle{pointer-events:none;z-index:2;border-radius:1px;position:absolute}.magic-bento-card:after{content:"";opacity:0;z-index:0;background:radial-gradient(circle at 20% 20%,#facc151a,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.magic-bento-card:hover:after{opacity:1}