body{ accent-color: #014801; }   ::-webkit-scrollbar { width: 7px; }  ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 7px; }  ::-webkit-scrollbar-thumb { background: #088d39; border-radius: 10px; }  ::-webkit-scrollbar-thumb:hover { background: #064422; }  [class*=brxe-] { position: relative; }   .brx-animate-flashFadeIn { animation-name: flash-fade-in; animation-duration: 4s; animation-timing-function: ease-in-out; animation-fill-mode: both; } @keyframes flash-fade-in { 0%, 100% { opacity: 0; } 10%, 30% { opacity: 1; } 40%, 50% { opacity: 0; } 60%, 80% { opacity: 1; } 90% { opacity: 0.5; } }  .brx-animate-bounceFadeOut { animation-name: bounce-fade-out; animation-duration: 3s; animation-timing-function: ease-in-out; animation-fill-mode: both; } @keyframes bounce-fade-out { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.5; } 100% { transform: scale(0.9); opacity: 0; } }  .brx-animate-zoomSlideIn { animation-name: zoom-slide-in; animation-duration: 2.5s; animation-timing-function: ease-in; animation-fill-mode: both; } @keyframes zoom-slide-in { 0% { transform: scale(0.8) translateY(50px); opacity: 0; } 100% { transform: scale(1) translateY(0); opacity: 1; } }  .brx-animate-floatingGlow { animation-name: floating-glow; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-fill-mode: both; } @keyframes floating-glow { 0%, 100% { transform: translateY(0); box-shadow: 0 0 10px rgba(0, 255, 255, 0.6); } 50% { transform: translateY(-10px); box-shadow: 0 0 20px rgba(0, 255, 255, 0.8); } }  .brx-animate-smoothZoomIn { animation-name: smooth-zoom-in; animation-duration: 1.5s; animation-timing-function: ease-out; animation-fill-mode: both; } @keyframes smooth-zoom-in { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }  .brx-animate-blurSlideIn { animation-name: blur-slide-in; animation-duration: 2s; animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1); animation-fill-mode: both; } @keyframes blur-slide-in { 0% { transform: translateX(50px); filter: blur(10px); opacity: 0; } 100% { transform: translateX(0); filter: blur(0); opacity: 1; } }  .brx-animate-rotateScale { animation-name: rotate-scale; animation-duration: 1.8s; animation-timing-function: ease-in-out; animation-fill-mode: both; } @keyframes rotate-scale { 0% { transform: rotate(-45deg) scale(0.5); opacity: 0; } 100% { transform: rotate(0deg) scale(1); opacity: 1; } }  .brx-animate-bouncyHover { animation-name: bouncy-hover; animation-duration: 1.2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-fill-mode: both; } @keyframes bouncy-hover { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }  .brx-animate-fadeSlideRotate { animation-name: fade-slide-rotate; animation-duration: 2s; animation-timing-function: ease-in-out; animation-fill-mode: both; } @keyframes fade-slide-rotate { 0% { transform: translateY(50px) rotate(-15deg); opacity: 0; } 100% { transform: translateY(0) rotate(0deg); opacity: 1; } }  .brx-animate-neonPulse { animation-name: neon-pulse; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes neon-pulse { 0%, 100% { box-shadow: 0 0 5px rgba(0, 255, 255, 0.5), 0 0 20px rgba(0, 255, 255, 0.8), 0 0 50px rgba(0, 255, 255, 1); } 50% { box-shadow: 0 0 10px rgba(0, 255, 255, 0.7), 0 0 30px rgba(0, 255, 255, 1), 0 0 60px rgba(0, 255, 255, 1); } }  .brx-animate-warpZoom { animation-name: warp-zoom; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); animation-fill-mode: both; } @keyframes warp-zoom { 0% { transform: scale(0.5) rotateX(-30deg) rotateY(30deg); opacity: 0; } 50% { transform: scale(1.2) rotateX(15deg) rotateY(-15deg); opacity: 0.7; } 100% { transform: scale(1) rotateX(0deg) rotateY(0deg); opacity: 1; } }  .brx-animate-waveSlide { animation-name: wave-slide; animation-duration: 2s; animation-timing-function: ease-in-out; animation-fill-mode: both; } @keyframes wave-slide { 0% { transform: translateX(-100%) skewX(-10deg); opacity: 0; } 50% { transform: translateX(-10%) skewX(-5deg); opacity: 0.8; } 100% { transform: translateX(0) skewX(0deg); opacity: 1; } }  .brx-animate-morphFade { animation-name: morph-fade; animation-duration: 2s; animation-timing-function: ease-in-out; animation-fill-mode: both; } @keyframes morph-fade { 0% { border-radius: 50%; transform: scale(0.5); opacity: 0; } 50% { border-radius: 30%; transform: scale(1.1); opacity: 0.7; } 100% { border-radius: 0%; transform: scale(1); opacity: 1; } }  .brx-animate-particleBurst { animation-name: particle-burst; animation-duration: 3s; animation-timing-function: ease-out; animation-fill-mode: both; } @keyframes particle-burst { 0% { transform: scale(0.5); filter: blur(5px); opacity: 0; } 50% { transform: scale(1.5); filter: blur(2px); opacity: 0.5; } 100% { transform: scale(1); filter: blur(0); opacity: 1; } }  .brx-animate-glitchEffect { animation-name: glitch-effect; animation-duration: 2s; animation-timing-function: steps(2, end); animation-iteration-count: infinite; } @keyframes glitch-effect { 0% { transform: translate(0, 0); opacity: 1; } 20% { transform: translate(-2px, 2px); opacity: 0.8; } 40% { transform: translate(2px, -2px); opacity: 1; } 60% { transform: translate(-2px, 2px); opacity: 0.8; } 80% { transform: translate(2px, -2px); opacity: 1; } 100% { transform: translate(0, 0); opacity: 1; } }  .brx-animate-rippleExpand { animation-name: ripple-expand; animation-duration: 1.5s; animation-timing-function: ease-out; animation-fill-mode: both; } @keyframes ripple-expand { 0% { transform: scale(0); opacity: 0.8; } 50% { transform: scale(1.2); opacity: 0.5; } 100% { transform: scale(1.5); opacity: 0; } }