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

body{

    background:#0b0d12;

    width:100%;
    height:100vh;

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

    overflow:hidden;

    font-family:
    Inter,
    system-ui,
    sans-serif;

    color:white;
}

.container{

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

    text-align:center;
}

.status{

    color:#ff3b3b;

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

    text-transform:uppercase;
}

.pulse{

    width:80px;
    height:80px;

    border-radius:50%;

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

    position:relative;

    margin-bottom:30px;
}

.pulse::before{

    content:"";

    position:absolute;

    width:80px;
    height:80px;

    border-radius:50%;

    background:#ff2d2d;

    opacity:.08;

    animation:pulse 2.5s infinite;
}

.pulse::after{

    content:"";

    position:absolute;

    width:54px;
    height:54px;

    border-radius:50%;

    background:#ff2d2d;

    opacity:.12;

    animation:pulse 2.5s infinite;
    animation-delay:.3s;
}

.circle{

    width:20px;
    height:20px;

    background:#ff2d2d;

    border-radius:50%;

    box-shadow:
        0 0 10px #ff2d2d,
        0 0 25px #ff2d2d,
        0 0 45px #ff2d2d;
}

h1{

    font-size:24px;

    font-weight:700;

    margin-bottom:10px;

    color:white;
}

p{

    color:#9ca3af;

    font-size:14px;
}

@keyframes pulse{

    0%{

        transform:scale(.9);
        opacity:.15;

    }

    70%{

        transform:scale(1.35);
        opacity:0;

    }

    100%{

        transform:scale(1.35);
        opacity:0;

    }

}

@media (max-width:768px){

    h1{

        font-size:18px;

        padding:0 20px;
    }

    p{

        font-size:13px;
    }

}