/* Apply Poppins font to the entire site */
body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}

/* Custom style for the hero section background gradient */
.hero-gradient {
    background: linear-gradient(135deg, #0b132b 0%, #1c2541 50%, #3a506b 100%);
}

/* Style for animated lines */
.animated-lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.animated-lines .line {
    position: absolute;
    width: 2px; /* Made lines thicker */
    height: 100%;
    top: 0;
    left: 50%;
    background: rgba(56, 189, 248, 0.15); /* Increased base visibility */
    overflow: hidden;
}

.animated-lines .line::after {
    content: '';
    display: block;
    position: absolute;
    height: 20vh; /* Made animation taller */
    width: 100%;
    top: -50%;
    left: 0;
    /* Made gradient brighter and more solid */
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(56, 189, 248, 1) 75%, #0ea5e9 100%);
    animation: drop 7s 0s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}

.animated-lines .line:nth-child(1) {
    margin-left: -25%;
}

.animated-lines .line:nth-child(1)::after {
    animation-delay: 0s; /* Adjusted delay */
}

/* Middle line, no margin */
.animated-lines .line:nth-child(2)::after {
    animation-delay: 1.5s; /* Adjusted delay */
}

.animated-lines .line:nth-child(3) {
    margin-left: 25%;
}

.animated-lines .line:nth-child(3)::after {
    animation-delay: 3s; /* Adjusted delay */
}

@keyframes drop {
    0% { top: -50%; }
    100% { top: 110%; }
}