.success-page{

    max-width:700px;

    margin:25px auto;

    padding:0 15px;
}

.success-card{

    background:#18233a;

    border-radius:28px;

    padding:35px;

    text-align:center;

    box-shadow:
        0 8px 25px rgba(0,0,0,.18);
}

.success-icon{

    font-size:60px;

    margin-bottom:15px;
}

.success-title{

    font-size:38px;

    line-height:1.05;

    color:#fff;

    margin-bottom:12px;
}

.success-text{

    color:#bcc3d2;

    font-size:18px;

    line-height:1.4;

    margin-bottom:25px;
}

.success-features{

    color:#d6dce8;

    font-size:18px;

    line-height:1.8;

    margin-bottom:30px;
}

.success-buttons{

    display:flex;

    flex-direction:column;

    gap:14px;
}

.success-button{

    height:52px;

    line-height:52px;

    text-align:center;

    text-decoration:none;

    border-radius:16px;

    background:linear-gradient(
        180deg,
        #ff5aa8,
        #ff479d
    );

    color:#fff;

    font-size:18px;

    font-weight:700;

    box-shadow:
        0 8px 20px rgba(255,90,168,.22);

    transition:
        background .25s ease,
        box-shadow .25s ease;
}

.success-button:hover{

    background:linear-gradient(
        180deg,
        #ff72b7,
        #ff56a7
    );

    box-shadow:
        0 0 20px rgba(255,90,168,.45);
}

.secondary{

    background:#2b3751;

    box-shadow:none;
}

.secondary:hover{

    background:#34415d;
}

@media(max-width:700px){

    .success-page{

        margin:15px auto;
    }

    .success-card{

        padding:28px 20px;
    }

    .success-icon{

        font-size:46px;

        margin-bottom:10px;
    }

    .success-title{

        font-size:28px;

        margin-bottom:10px;
    }

    .success-text{

        font-size:16px;

        margin-bottom:18px;
    }

    .success-features{

        font-size:15px;

        line-height:1.7;

        margin-bottom:22px;
    }

    .success-button{

        height:48px;

        line-height:48px;

        font-size:17px;
    }

}