*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Poppins',sans-serif;
    background:linear-gradient(135deg,#ffffff,#f3f6f8);
    min-height:100vh;

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

    color:#222;
}

.container{

    width:90%;
    max-width:650px;

    background:#fff;
    border-radius:24px;

    padding:50px 35px;

    text-align:center;

    box-shadow:
    0 20px 50px rgba(0,0,0,.12);

}

.logo{

    width:170px;
    margin:0 auto 35px;
}

.logo img{

    width:100%;
}

h1{

    font-size:2.6rem;
    line-height:1.2;
    font-weight:800;
    margin-bottom:20px;
}

.green{

    color:#00A651;
}

p{

    font-size:1.15rem;
    color:#666;
    margin-bottom:45px;
}

.cta{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;

    background:#000;
    color:#fff;

    text-decoration:none;

    padding:18px 34px;

    border-radius:60px;

    font-size:1.1rem;
    font-weight:700;

    transition:.25s;

    animation:bounce 2s infinite;

    box-shadow:0 12px 30px rgba(0,0,0,.30);

}

.cta:hover{

    transform:scale(1.05);
    background:#111;
}

.cta i{

    color:#00A651;
    font-size:1.3rem;
}

@keyframes bounce{

0%,20%,50%,80%,100%{
transform:translateY(0);
}

40%{
transform:translateY(-14px);
}

60%{
transform:translateY(-7px);
}

}

@media(max-width:600px){

.container{

padding:40px 25px;

}

.logo{

width:140px;

}

h1{

font-size:2rem;

}

p{

font-size:1rem;

}

.cta{

width:100%;
font-size:1rem;
padding:18px;

}

}