/* --- Custom Splash Screen Styles --- */

#splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #030712; /* Deep black/gray */
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.splash-logo-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* "SE" Text */
.splash-text-se {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 6rem;
    color: #ffffff;
    letter-spacing: 2px;
    opacity: 0; /* Hidden initially, GSAP will reveal */
}

/* Sun Element */
.splash-sun-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    color: #ff9e1b; /* Brand Orange */
    opacity: 0;
    /* GSAP will handle starting position and movement */
}

/* Glow Effect Classes (Added via JS in Step 3) */
.splash-glow-active #splash-se-group {
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.4)) drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
    transition: filter 0.6s ease-out;
}

.splash-glow-active #splash-sun-group {
    filter: drop-shadow(0 0 20px rgba(255, 158, 27, 0.8)) drop-shadow(0 0 40px rgba(255, 158, 27, 0.4));
    transition: filter 0.6s ease-out;
}

/* Utility to disable scroll during splash */
body.splash-active {
    overflow: hidden !important;
}