/* Custom overrides and specific animations */
html {
    scroll-behavior: smooth;
}

body {
    background-image: radial-gradient(circle at 10% 10%, rgba(209, 250, 229, 0.4) 0%, transparent 20%),
                      radial-gradient(circle at 90% 90%, rgba(15, 23, 42, 0.05) 0%, transparent 20%);
}

/* Mobile menu transitions */
#mobile-menu.active {
    opacity: 1;
    pointer-events: all;
}

/* Form focus states */
input:focus, select:focus {
    box-shadow: 0 0 0 2px rgba(209, 250, 229, 0.5);
}