@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swapdisplay=swap');
body{
  font-family: 'Inter', sans-serif;
  color: #202020;
  font-weight: 300;

}

h1,h2,h2,h4,h5{
  font-family: 'Roboto Slab', serif;
}


.text-dark-gray{
  color: #204669;
}
/* Sidebar Slide + Bounce Animation */
@keyframes premiumSlideIn {
  0% { transform: translateX(100%) scale(0.95); opacity: 0; }
  60% { transform: translateX(-8px) scale(1.02); opacity: 1; }
  100% { transform: translateX(0) scale(1); }
}

@keyframes premiumSlideOut {
  0% { transform: translateX(0) scale(1); opacity: 1; }
  100% { transform: translateX(100%) scale(0.95); opacity: 0; }
}

.sidebar-open {
    animation: premiumSlideIn 0.55s cubic-bezier(.25,.46,.45,.94) forwards;
}

.sidebar-close {
    animation: premiumSlideOut 0.45s ease forwards;
}

#sidebarForm {
  will-change: transform;
}
/* Bounce-in with slide */
@keyframes sidebarBounceIn {
  0%   { transform: translateX(100%); }
  60%  { transform: translateX(-25px); }
  80%  { transform: translateX(10px); }
  100% { transform: translateX(0); }
}

/* Smooth slide-out */
@keyframes sidebarSlideOut {
  0%   { transform: translateX(0); }
  100% { transform: translateX(100%); }
}

.sidebar-open {
  animation: sidebarBounceIn 0.7s ease-out forwards;
}

.sidebar-close {
  animation: sidebarSlideOut 0.5s ease-in forwards;
}
/* Glass Premium Sidebar */
#sidebarForm {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, 0.72); /* translucent */
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    border-radius: 12px 0 0 12px;
}

/* Smooth Fade-in Overlay */
#overlay {
    transition: opacity 0.4s ease;
}