.hero-section{

    position:relative;

    min-height:520px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    padding:100px 0;

}
.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(0,45,30,.80),
        rgba(6,120,78,.55)
    );

    backdrop-filter:blur(1px);

}

.hero-skills-content{

    position:relative;

    z-index:2;

    text-align:center;

    max-width:900px;

}

.hero-badge{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    color:#7CF29A;
    font-size:.9rem;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:25px;
    backdrop-filter:blur(12px);
}

.hero-title{

    font-size:clamp(2.8rem,6vw,5rem);

    line-height:1.1;

    font-weight:900;

    color:#fff;

    margin-bottom:25px;

}

.hero-title span{

    color:#34E89E;

}

.hero-description{

    font-size:1.2rem;

    color:rgba(255,255,255,.85);

    line-height:1.8;

    max-width:720px;

    margin:auto;

}