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

html,
body{
    width:100%;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:Arial, Helvetica, sans-serif;
    background:linear-gradient(135deg,#f8fbfa,#edf6f2,#f5faf8);
    overflow:hidden;
    position:relative;
}

/* Soft Background Shapes */

body::before{
    content:"";
    position:absolute;
    width:30vw;
    height:30vw;
    background:#1f8b4d10;
    border-radius:50%;
    top:-8vw;
    left:-8vw;
    filter:blur(4vw);
}

body::after{
    content:"";
    position:absolute;
    width:24vw;
    height:24vw;
    background:#0b7d6b12;
    border-radius:50%;
    bottom:-6vw;
    right:-6vw;
    filter:blur(4vw);
}

/* Main Card */

.container{
    width:42vw;
    padding:4vw;
    text-align:center;
    border:.08vw solid rgba(0,0,0,.05);
    border-radius:1.5vw;
    box-shadow:0 1vw 3vw rgba(0,0,0,.08);
    position:relative;
    z-index:2;
}

.logo{
    width:50vw;
    height: 5vw;
    max-width:100%;
    margin:0 auto 2vw;
    display:block;
}

h1{
    font-size:2.5vw;
    color:#134e4a;
    margin-bottom:1vw;
    font-weight:700;
}

p{
    font-size:1.15vw;
    color:#666;
    line-height:1.8;
    margin-bottom:2vw;
}

.status{
    display:inline-block;
    padding:.9vw 2.5vw;
    background: linear-gradient(135deg, #ffffff 0%, #f4fbf8 45%, #e3f3eb 100%);
    color:#E67E22;;
    border-radius:5vw;
    font-size:1.6vw;
    font-weight:600;
    letter-spacing:.12vw;
    text-transform:uppercase;
}

/* Responsive */

@media(max-width:960px){

.container{
    width:70vw;
    padding:7vw;
}

.logo{
    width:26vw;
}

h1{
    font-size:5vw;
}

p{
    font-size:2.3vw;
}

.status{
    font-size:3vw;
    padding:1.6vw 4vw;
}

}

@media(max-width:768px){

.container{
    width:90vw;
    padding:9vw 6vw;
    border-radius:4vw;
}

.logo{
    width:38vw;
}

h1{
    font-size:7vw;
}

p{
    font-size:3.8vw;
}

.status{
    font-size:4.5vw;
    padding:2vw 6vw;
}

}