body{
        background:#0f1115;
    color:white;
}

.corpo_app{
    position: relative;
   top: 50%;
   transform: translateY(-50%);
   
}

.app{

     margin:0;
    height: 100%;
    max-width:430px;
    margin:auto;
    padding:20px;
    padding-bottom:100px;
    box-sizing: border-box;

}



.status{
    text-align:center;
}

.status-circle{
    width:130px;
    height:130px;
    margin:auto;
    border-radius:50%;
    background:#171c24;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:50px;
    box-shadow:
    0 0 40px rgba(0,255,140,.15);
}

.badge{
    display:inline-block;
    margin-top:20px;
    background:#1c3d2f;
    color:#3cff9c;
    padding:8px 15px;
    border-radius:50px;
    font-size:13px;
}

.status h2{
    font-size:34px;
    margin:15px 0 5px;
}

.status p{
    color:#9ca3af;
}

.actions{
    margin-top:40px;
    display:flex;
    flex-direction:column;
    gap:15px;
}

.actions button{
    border:none;
    border-radius:18px;
    padding:18px;
    font-size:16px;
    font-weight:600;
}

.btn-open{
    background:#2563eb;
    color:white;
}

.btn-block{
    background:#212733;
    color:#ff6d6d;
}