/* ===========================
REFERRAL LEVELS
=========================== */

.levels-section{
padding:100px 0;
}

.level-card{

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.08);

border-radius:25px;

padding:35px;

text-align:center;

transition:.4s;

backdrop-filter:blur(14px);

position:relative;

overflow:hidden;

}

.level-card:hover{

transform:translateY(-12px);

box-shadow:0 0 40px rgba(168,85,247,.4);

}

.level-number{

width:70px;

height:70px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

font-weight:700;

color:#fff;

margin-bottom:20px;

background:linear-gradient(135deg,#8B5CF6,#EC4899);

}

.level-card h2{

font-size:42px;

font-weight:800;

color:#FFD54A;

margin:15px 0;

}

.level-card h4{

color:#fff;

font-weight:700;

}

.level-card p{

color:#B6C2D9;

margin:0;

}

.level1{
border-top:4px solid #8B5CF6;
}

.level2{
border-top:4px solid #3B82F6;
}

.level3{
border-top:4px solid #10B981;
}

.level4{
border-top:4px solid #F59E0B;
}