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

body{
    font-family:Segoe UI,sans-serif;
    background:url("../img/bg.jpg") center center no-repeat;
    background-size:cover;
    min-height:100vh;

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

    padding:20px;
}

.container{
	width:100%;
    max-width:800px;
}

.card{
    position:relative;

    background:#fff;
    border:4px solid #0c4dff;
    border-radius:40px;

    padding:25px;

    box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.logo-area{
    text-align:center;
}

.logo-area img{
    width:50%;
}

.alert-banner{
    margin-top:10px;

    display:flex;
    align-items:center;

    background:linear-gradient(#ff2222,#d90000);

    border-radius:25px;

    padding:15px 20px;

    color:#fff;

    box-shadow:0 3px 10px rgba(0,0,0,.3);
}

.alert-banner img{
    width:120px;
    margin-right:20px;
}

.line1{
    font-size:30px;
    font-weight:800;
	text-align:center;
}

.line2{
    font-size:30px;
    font-weight:900;
    color:#ffe400;
	text-align:center;
}

.message{
    text-align:center;
    padding:25px 20px;
}

.message h2{
    color:#003cb7;
    margin-bottom:10px;
}

.message p{
    font-size:28px;
    font-weight:700;
}

.red{
    color:#ff0000;
}

.blue{
    color:#003cb7;
    margin-top:10px;
}

.payment-box{
    background:linear-gradient(#ffe36b,#ffc92c);

    border:3px solid #e7b200;

    border-radius:20px;

    padding:15px;

    display:flex;
    align-items:center;

    font-size:22px;
    font-weight:700;
}

.payment-box img{
    width:90px;
    margin-right:15px;
}

.contact-box{
    margin-top:20px;

    display:flex;
    align-items:center;
}

.contact-box > img{
    width:140px;
}

.contact-right{
    flex:1;
}

.admin-title{
    background:#0b57ff;
    color:white;

    text-align:center;

    font-size:22px;
    font-weight:800;

    border-radius:20px;

    padding:8px;
}

.wa-button{
    margin-top:10px;

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

    gap:15px;

    border:3px solid #0b57ff;

    border-radius:20px;

   

    text-decoration:none;

    color:#003cb7;

    font-size:22px;
    font-weight:700;
}

.wa-button img{
    width:35px;
}


footer{
    margin-top:15px;

    background:#003cb7;

    color:white;

    text-align:center;

    font-size:25px;
    font-weight:800;

    padding:20px;

    border-radius:0 0 30px 30px;
}


@media (max-width:768px){

    .logo-area img{
        max-width:220px;
        margin:auto;
        display:block;
    }

.alert-banner{
    margin-top:10px;

    display:flex;
    align-items:center;

    background:linear-gradient(#ff2222,#d90000);

    border-radius:25px;

    padding:15px 20px;

    color:#fff;

    box-shadow:0 3px 10px rgba(0,0,0,.3);
}

.alert-banner img{
    width:120px;
    margin-right:5px;
}
    .alert-banner img{
        width:50px;
    }

    .line1{
        font-size:11px;
    }

    .line2{
        font-size:9px;
    }

    .message p{
        font-size:16px;
        line-height:1.4;
    }

    .payment-box{
        font-size:12px;
        padding:12px;
    }

    .payment-box img{
        width:50px;
        margin-right:10px;
    }

    .contact-box > img{
        width:70px;
    }

    .admin-title{
        font-size:18px;
    }

    .wa-button{
        font-size:18px;
        height:35px;
    }
	.wa-button img{
    width:25px;
	}
	
footer{ 
	margin-top:5px;
    text-align:center;

    font-size:12px;
    font-weight:700;


}	
}