body {
    font-family: 'Inter', sans-serif;
}
.hero-bg {
    background: linear-gradient(to bottom, rgba(10, 29, 55, 0.55), rgba(10, 29, 55, 0.7)), 
                url('../assets/1st Page/Background.png');
    background-size: cover;
    background-position: center;
    position: relative;
}
.hero-bg::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, transparent, white);
    pointer-events: none;
}
.text-shadow {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.section2-bg {
    background-image: url('../assets/2nd Page/Background.png');
    background-size: cover;
    background-position: center;
}
.section3-bg {
    background-image: url('../assets/3rd Pge/Background.png');
    background-size: cover;
    background-position: center;
}