.intro-card{
    max-width: 2200px;  /*строка которая делает рамку текстов широкой*/
    margin: -70px auto 0;
    padding: 30px 40px;
    background: rgba(30, 40, 60, 0.55);
    backdrop-filter: blur(6px);
    border-radius: 18px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
    font-size: 30px;
    line-height: 1.9;
}

.intro-card p{
    font-size: 35px; !important;
    line-height: 1.8;
}


.main-content{
    background: none;
    padding: 0;
    max-width: none;
}

.hero{
    width:92%;
    max-width:1500px;
    margin:20px auto;
}

/* ❄️ SNOW SYSTEM */

.snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.snowflake {
    position: absolute;
    top: -10px;
    color: white;
    user-select: none;
    opacity: 0.8;
    animation: fall linear infinite;
}

@keyframes fall {
    to {
        transform: translateY(100vh);
    }

}