#hero-section {
    background-image: url('https://picsum.photos/seed/hero/1920/1080');
    background-size: cover;
    background-position: center;
}
#hero-section h1, #hero-section p {
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.dark #theme-toggle-dark-icon { display: none; }
.dark #theme-toggle-light-icon { display: block; }
html:not(.dark) #theme-toggle-dark-icon { display: block; }
html:not(.dark) #theme-toggle-light-icon { display: none; }
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}
#app-modal-overlay.hidden { display: none; }