body{
margin:0;
font-family:'Poppins',sans-serif;
background: radial-gradient(circle,#020617,#000);
color:#fff;
text-align:center;
}

.container{
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
}

.card{
background:#020617;
padding:25px;
border-radius:20px;
width:350px;
box-shadow:0 0 40px #000;
}

.profile{
width:160px;
height:160px;
border-radius:50%;
border:4px solid #22c55e;
box-shadow:0 0 20px #22c55e;
}

.btn{
display:block;
margin:15px 0;
padding:14px;
border-radius:10px;
background:linear-gradient(45deg,#22c55e,#4ade80);
color:#000;
font-weight:bold;
cursor:pointer;
}

.pulse{
animation:pulse 1.2s infinite;
}

@keyframes pulse{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

.list div{
padding:6px;
}

.live{
color:#facc15;
margin-bottom:10px;
}

.timer{
color:#f87171;
font-weight:bold;
}

.popup{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
justify-content:center;
align-items:center;
}

.popup-box{
background:#fff;
color:#000;
padding:20px;
border-radius:10px;
}