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

body{

background:#000;
overflow:hidden;
color:#fff;

}

#bgVideo{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:-2;

}

.overlay{

position:fixed;
inset:0;
background:rgba(0,0,0,.65);
z-index:-1;

}

header{

position:absolute;
top:20px;
width:100%;
display:flex;
justify-content:center;

}

.logo{

display:flex;
align-items:center;
gap:10px;

}

.dot{

width:18px;
height:18px;
background:#2ECC71;
border-radius:50%;

}

.card{

width:360px;
max-width:95%;
margin:auto;
margin-top:60px;

padding:30px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.15);

border-radius:28px;

text-align:center;

animation:fade 1s ease;

}

.avatar-wrap{

width:130px;
height:130px;

margin:auto;

padding:4px;

background:linear-gradient(45deg,#ff0066,#ff66cc,#00e5ff);

border-radius:50%;

animation:spin 8s linear infinite;

}

.avatar-wrap img{

width:100%;
height:100%;

border-radius:50%;

object-fit:cover;

border:4px solid #111;

}

.verified{

margin-top:15px;
font-size:14px;
display:flex;
justify-content:center;
align-items:center;
gap:8px;

}

.verified span{

width:10px;
height:10px;
background:#00ff84;
border-radius:50%;

}

h1{

margin-top:15px;
font-size:34px;

}

p{

opacity:.8;
margin:18px 0;

}

.buttons{

display:flex;
flex-direction:column;
gap:14px;

}

.btn{

padding:15px;

border-radius:50px;

font-weight:bold;

text-decoration:none;

color:#fff;

transition:.3s;

}

.btn:hover{

transform:translateY(-3px);

}

.whatsapp{

background:#25D366;

}

.telegram{

background:#2196F3;

}

.pink{

background:#ff4d6d;

}

.features{

margin:25px 0;

display:flex;

flex-direction:column;

gap:10px;

}

.features div{

background:rgba(255,255,255,.08);

padding:12px;

border-radius:12px;

}

.checkmark{

font-size:60px;

margin:20px 0;

color:#fff;

}

.bottomButtons{

display:flex;
gap:12px;

}

.bottomButtons button{

flex:1;

padding:15px;

border:none;

border-radius:40px;

font-weight:bold;

cursor:pointer;

}

#yesBtn{

background:#ff4d6d;
color:white;

}

#noBtn{

background:#333;
color:white;

}

@keyframes fade{

from{
opacity:0;
transform:translateY(40px);
}

to{
opacity:1;
transform:none;
}

}

@keyframes spin{

100%{
transform:rotate(360deg);
}

}

@media(max-width:600px){

.card{

margin-top:35px;

padding:22px;

}

h1{

font-size:28px;

}

}