*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#0b0618;
    color:#fff;
    overflow-x:hidden;
}

/* Background Neon */
.background{
    position:fixed;
    inset:0;
    background:
    radial-gradient(circle at top,#8a2be2 0%,transparent 35%),
    radial-gradient(circle at bottom,#5a00d1 0%,transparent 45%),
    #090414;
    z-index:-1;
}

/* Loading */
#loader{
    position:fixed;
    inset:0;
    background:#090414;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    z-index:9999;
}

.spinner{
    width:70px;
    height:70px;
    border:5px solid rgba(255,255,255,.2);
    border-top:5px solid #b266ff;
    border-radius:50%;
    animation:spin 1s linear infinite;
}

@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}

.container{
    width:90%;
    max-width:430px;
    margin:40px auto;
    text-align:center;
}

.logo{
    width:150px;
    height:150px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #b266ff;
    box-shadow:
    0 0 15px #8a2be2,
    0 0 40px #8a2be2;
    animation:pulse 2s infinite;
}

@keyframes pulse{
    50%{
        transform:scale(1.05);
    }
}

h1{
    margin-top:20px;
    font-size:30px;
    color:#fff;
    text-shadow:0 0 20px #b266ff;
}

.status{
    margin-top:12px;
    color:#6dff8b;
    font-weight:bold;
}

.desc{
    margin:25px 0;
    line-height:1.8;
    color:#ddd;
}

/* Tombol */
.btn{
    display:block;
    text-decoration:none;
    color:white;
    padding:16px;
    margin:15px 0;
    border-radius:15px;
    background:linear-gradient(90deg,#7b2cff,#b266ff);
    font-weight:bold;
    transition:.3s;
    box-shadow:0 0 20px rgba(178,102,255,.5);
}

.btn:hover{
    transform:translateY(-4px);
    box-shadow:0 0 35px #b266ff;
}

.card{
    margin-top:30px;
    padding:20px;
		    background:rgba(255