.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.glass-card { background: rgba(35,40,64,0.5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.glass-nav  { background: rgba(13,15,26,0.88); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
.gradient-text { background: linear-gradient(135deg,#5B8AFF 0%,#F06414 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

.metric-bar { 
  height: 0.375rem; 
  background-color: #2E3459; 
  border-radius: 9999px; 
  overflow: hidden; 
}
.metric-progress { 
  height: 100%; 
  background-color: #F06414; 
  transition-property: all; 
  transition-duration: 1000ms; 
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1); 
  width: 0%; 
}

.scrollbar-hide::-webkit-scrollbar { display:none; }
.scrollbar-hide { -ms-overflow-style:none; scrollbar-width:none; }

.reveal { 
  opacity: 0; 
  transform: translateY(24px); 
  transition: opacity 0.55s cubic-bezier(0.16,1,0.3,1), transform 0.55s cubic-bezier(0.16,1,0.3,1); 
}
.reveal.visible { opacity: 1; transform: none; }