:root{--hue:27;--sat:69%;--white:#fff;--purple-primary:#8400ff;--purple-glow:#8400ff33;--purple-border:#8400ffcc;--pink-primary:#ec4899;--pink-glow:#ec489933;--border-color:#392e4e;--background-dark:#060010;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.bento-section{-webkit-user-select:none;user-select:none;width:100%;max-width:1400px;margin:0 auto;padding:2rem 1rem;position:relative}.card-grid{gap:1rem;width:100%;padding:1rem;font-size:clamp(.9rem,1rem + .5vw,1.1rem);display:grid}.card{border:2px solid var(--border-color);background:var(--background-dark);cursor:pointer;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:300px;border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;min-height:250px;padding:1.5rem;font-weight:300;transition:all .3s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--purple-border);transform:translateY(-4px);box-shadow:0 12px 40px #8400ff4d}.card__header,.card__content{color:var(--white);z-index:2;display:flex;position:relative}.card__header{justify-content:space-between;align-items:flex-start;gap:.75em;margin-bottom:1rem}.card__content{flex-direction:column;flex-grow:1;justify-content:center}.card__label{text-transform:uppercase;letter-spacing:.1em;opacity:.7;color:var(--purple-primary);font-size:.85rem;font-weight:600}.card__icon{font-size:2rem}.card__title{background:linear-gradient(135deg,var(--purple-primary)0%,var(--pink-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.card__description{opacity:.9;color:var(--white);font-size:1.25rem;font-weight:400;line-height:1.5}.card__stat{background:linear-gradient(135deg,#fff 0%,var(--purple-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:1rem 0;font-size:3rem;font-weight:900}.card__chart{align-items:flex-end;gap:.25rem;height:100px;margin-top:1rem;display:flex}.chart-bar{background:linear-gradient(to top,var(--purple-primary),var(--pink-primary));border-radius:4px 4px 0 0;flex:1;transition:all .3s}.card:hover .chart-bar{animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@media (max-width:640px){.card-grid{grid-template-columns:1fr;gap:.75rem;padding:.5rem}.card{border-radius:16px;min-height:180px;padding:1.25rem}.card__title{font-size:1.15rem}.card__stat{font-size:2rem}.card__description{font-size:.875rem}.card__icon{font-size:1.75rem}.card:hover{box-shadow:none;transform:none}}@media (min-width:641px) and (max-width:1023px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(250px,auto)}.card:first-child{grid-area:span 2/span 2}.card:nth-child(4){grid-column:span 2}.card:nth-child(7){grid-row:span 2}}.card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius)circle at var(--glow-x)var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity)*.8))0%,rgba(236,72,153,calc(var(--glow-intensity)*.6))30%,transparent 60%);border-radius:inherit;-webkit-mask-composite:source-out;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:2px;transition:opacity .3s;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.particle-container{position:relative;overflow:hidden}.particle{pointer-events:none;z-index:100;border-radius:50%;width:4px;height:4px;position:absolute}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;pointer-events:none;z-index:200!important}.animate-counter{animation:2s ease-out forwards countUp}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--purple-primary),var(--pink-primary));border-radius:4px;height:100%;transition:width 1s ease-out}.floating-emoji{opacity:.3;pointer-events:none;z-index:0;font-size:2rem;animation:20s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-30px)translate(20px)rotate(90deg)}50%{transform:translateY(20px)translate(-10px)rotate(180deg)}75%{transform:translateY(-20px)translate(-20px)rotate(270deg)}}