body{
    margin:0;
    padding:0;
    background: radial-gradient(circle at center, #1a0000 0%, #000 80%);
    font-family: Arial, Helvetica, sans-serif;
    color:white;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
}

.container{
    width:90%;
}

/* TITLE */
.mission{
    font-size:34px;
    font-weight:bold;
    letter-spacing:3px;
    text-shadow:0 0 20px #ff0000, 0 0 40px #aa0000;
    margin-bottom:8px;
}

/* SUBTEXT */
.detected{
    font-size:13px;
    margin-bottom:25px;
    opacity:0;
    animation: fadeIn 1.5s ease forwards;
}

/* BOX */
.brief-box{
    background: rgba(255,0,0,0.08);
    padding:25px;
    border-radius:20px;
    box-shadow:0 0 25px rgba(255,0,0,0.3);
}

.brief-box p{
    margin:10px 0;
    font-size:14px;
}

/* EXTRA TEXT */
.secure{
    margin-top:15px;
    font-size:14px;
    color:#ff9999;
}

.reward{
    margin-top:20px;
    font-size:15px;
    font-weight:bold;
    color:#ff4d4d;
    text-shadow:0 0 8px #ff0000;
}

/* BUTTON STYLE */
.continue-btn{
    display:inline-block;
    margin-top:25px;
    padding:14px 30px;
    font-size:14px;
    font-weight:bold;
    background:linear-gradient(90deg,#ff0000,#ff4d4d);
    border-radius:30px;
    color:white;
    text-decoration:none;
    box-shadow:0 0 15px #ff0000;
    transition:0.3s ease;
}

.continue-btn:hover{
    transform:scale(1.05);
}

/* DEVELOPED */
.developed{
    margin-top:20px;
    font-size:13px;
    letter-spacing:2px;
}

/* ANIMATION */
@keyframes fadeIn{
    from{opacity:0; transform:translateY(20px);}
    to{opacity:1; transform:translateY(0);}
}