.section-wave{
    position:relative;
    width:100%;
    height:420px;
    overflow:hidden; /* Không tràn ra ngoài */
    background: linear-gradient(90deg, #4c6cf5, #02d2ff);
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    text-align:center;
    margin-top:100px;
}

/* Wave cong mượt phía trên */
.wave-top{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:120px;
    z-index:1;
}

/* Blob trái */
.blob-left{
    position:absolute;
    left:-120px;
    top:40px;
    width:450px;
    height:350px;
    background: linear-gradient(150deg, #7b66ff, #669bff);
    border-radius:50% 60% 40% 55%;
    filter:blur(18px);
    opacity:.55;
}

/* Blob bo góc phải */
.blob-right{
    position:absolute;
    right:-100px;
    top:-20px;
    width:600px;
    height:380px;
    border-radius:80px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(18px);
}

.section-content{
    position:relative;
    z-index:5;
    opacity:0;
    transform:scale(0.90);
    transition: opacity 2s ease, transform 2s ease;
}

.section-content.show{
    opacity:1;
    transform:scale(1);
}

.section-content h1{
    font-size:42px;
    margin-bottom:10px;
    font-weight:700;
}

.section-content p{
    opacity:.85;
    margin-bottom:30px;
    font-size:15px;
}

.btn2{
    padding:12px 26px;
    background:#32e4ff;
    border-radius:30px;
    text-decoration:none;
    color:#003f4f;
    font-weight:600;
    box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

.btn2:hover
{
  transform: scale(1.05);
        transition: transform 0.5s ease;
}