/* Base Styles */
body { font-family: 'Inter', sans-serif; }
html { scroll-padding-top: 100px; }

/* Utilities */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Custom Animations */
.star {
  position: absolute;
  background: white;
  border-radius: 50%;
  animation: twinkle 4s ease-in-out infinite;
}

@keyframes float-slow {
    0% { transform: translateX(0px); }
    50% { transform: translateX(20px); }
    100% { transform: translateX(0px); }
}

@keyframes float-medium {
    0% { transform: translateX(0px); }
    50% { transform: translateX(-15px); }
    100% { transform: translateX(0px); }
}

/* Modal Transitions */
.modal-enter {
    opacity: 0;
    transform: translateY(20px);
}
.modal-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.5s ease-out;
}
.modal-exit {
    opacity: 1;
    transform: translateY(0);
}
.modal-exit-active {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease-in;
}