.shiny-text{will-change:background-position;-webkit-user-select:none;user-select:none;display:inline-block}.shiny-text:hover{cursor:default}
.bento-section{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.card-grid{perspective:1000px}.magic-bento-card{cursor:pointer;border:1px solid #ffffff1a;border-radius:16px;min-height:180px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.magic-bento-card--border-glow:before{content:"";background:radial-gradient(circle at var(--glow-x,50%)var(--glow-y,50%),rgba(var(--glow-color),var(--glow-intensity,0))0%,rgba(var(--glow-color),var(--glow-intensity,.8))var(--glow-radius,200px),transparent calc(var(--glow-radius,200px) + 50px));-webkit-mask-composite:xor;pointer-events:none;opacity:0;border-radius:16px;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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:hover:before{opacity:1}.magic-bento-card--text-autohide .magic-bento-card__content{transition:opacity .3s}.magic-bento-card--text-autohide:hover .magic-bento-card__content{opacity:1}.magic-bento-card__header{margin-bottom:16px}.magic-bento-card__label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.magic-bento-card__content{color:#fff}.magic-bento-card__title{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.magic-bento-card__description{color:#ffffffb3;font-size:14px;line-height:1.6}.particle-container{transform-style:preserve-3d}.particle{will-change:transform,opacity,scale}@media (max-width:1024px){.bento-section{grid-template-columns:repeat(2,1fr);gap:16px}.magic-bento-card{min-height:160px;padding:20px}.magic-bento-card__title{font-size:20px}.magic-bento-card__description{font-size:13px}}@media (max-width:640px){.bento-section{grid-template-columns:1fr;gap:12px}.magic-bento-card{min-height:140px;padding:16px}.magic-bento-card__title{font-size:18px}.magic-bento-card__description{font-size:12px}}.global-spotlight{will-change:opacity,left,top}.magic-bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.magic-bento-card,.magic-bento-card:before,.magic-bento-card__content,.particle{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.magic-bento-card__label{background:#ffffff26}.magic-bento-card__description{color:#fffc}}@media (prefers-reduced-motion:reduce){.magic-bento-card,.magic-bento-card__content,.magic-bento-card:before,.particle{transition:none;animation:none}.magic-bento-card:hover{transform:none}}
