Embed

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loading</title>

<style>
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: white;
    font-family: Arial, Helvetica, sans-serif;
}

#loader {
    position: fixed;
    inset: 0;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.fire {
    font-size: 90px;
    animation: pulse 1s infinite;
}

.text {
    margin-top: 20px;
    font-size: 55px;
    font-weight: 900;
    text-align: center;
    color: #D4AF37;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.count {
    margin-top: 15px;
    font-size: 25px;
    font-weight: bold;
    color: #D4AF37;
}

@keyframes pulse {
    0% {transform: scale(1);}
    50% {transform: scale(1.15);}
    100% {transform: scale(1);}
}
</style>

</head>

<body>

<div id="loader">
    <div class="fire">🔥</div>
    <div class="text">Loading...</div>
    <div class="count" id="count">6</div>
</div>

<script>
let seconds = 6;
let timer = setInterval(function(){
    seconds--;
    document.getElementById("count").innerHTML = seconds;

    if(seconds <= 0){
        clearInterval(timer);
        window.location.href = "https://milogift.lovable.app/";
    }
},1000);
</script>

</body>
</html>