.cta{

width:min(1300px,90%);

margin:120px auto;

padding:65px 40px;

text-align:center;

border-radius:40px;

background:

linear-gradient(
135deg,
#2563eb,
#60a5fa
);

color:white;

box-shadow:

0 30px 70px rgba(37,99,235,.25);

position:relative;

overflow:hidden;

}



.cta::before{

content:"";

position:absolute;

width:250px;

height:250px;

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

border-radius:50%;

top:-100px;

right:-80px;

}



.cta-badge{

display:inline-flex;

align-items:center;

gap:8px;

padding:8px 18px;

border-radius:999px;

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

font-size:13px;

font-weight:600;

margin-bottom:18px;

}



.cta h2{

font-size:44px;

line-height:1.2;

margin-bottom:18px;

font-weight:800;

}



.cta h2 span{

color:#dbeafe;

}



.cta p{

max-width:600px;

margin:auto;

margin-bottom:28px;

font-size:18px;

line-height:1.6;

opacity:.95;

}




.cta-benefits{

display:flex;

justify-content:center;

gap:25px;

flex-wrap:wrap;

margin-bottom:32px;

}



.benefit{

display:flex;

align-items:center;

gap:7px;

font-size:14px;

font-weight:600;

}





.cta-buttons{

display:flex;

justify-content:center;

gap:15px;

flex-wrap:wrap;

}




.primary-cta{

padding:15px 35px;

border:none;

border-radius:999px;

background:white;

color:#2563eb;

font-size:16px;

font-weight:700;

cursor:pointer;

transition:.3s;

}



.primary-cta:hover{

transform:translateY(-4px);

}




.secondary-cta{

padding:15px 35px;

border-radius:999px;

border:2px solid white;

background:transparent;

color:white;

font-size:16px;

font-weight:700;

cursor:pointer;

transition:.3s;

}



.secondary-cta:hover{

background:white;

color:#2563eb;

transform:translateY(-4px);

}





@media(max-width:700px){

.cta{

padding:50px 25px;

}


.cta h2{

font-size:32px;

}

}