:root{--brand-black: #050505;--brand-dark: #0a0a0f;--brand-surface: #12121a;--brand-primary: #3fbb7b;--brand-secondary: #9422cc}html{scroll-behavior:smooth;zoom:.8;-moz-transform:scale(.8);-moz-transform-origin:top center}body{background-color:var(--brand-black);color:#e2e8f0;overflow-x:hidden}.glass-panel{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.text-glow{text-shadow:0 0 20px rgba(63,187,123,.5)}.mask-fade-bottom{-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--brand-black)}::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3a3a45}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:1.5rem}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient-x{0%,to{background-size:200% 200%;background-position:left center}50%{background-size:200% 200%;background-position:right center}}