:root{--color-electric-blue: #0052ff;--color-lime-green: #39ff14;--color-yellow: #ffea00;--color-dark: #121212;--color-dark-surface: #1e1e1e;--color-light: #f5f5f5;--color-white: #ffffff;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--shadow-bento: 0 8px 30px rgba(0, 0, 0, .1);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .15);--border-radius: 24px;--gap-bento: 24px}.bento-box{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-bento);padding:2rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.bento-box.dark{background:var(--color-dark);color:var(--color-white)}.highlight-yellow{color:var(--color-yellow)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.bento-shadow{box-shadow:4px 4px #1c1b1b}.bento-hover:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1c1b1b}.bento-hover:active{transform:translate(2px,2px);box-shadow:2px 2px #1c1b1b}.border-on-surface{border-color:#1c1b1b}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}