body{

margin:0;
font-family:Arial;
color:white;
overflow-x:hidden;

background:linear-gradient(
-45deg,
#050505,
#0a0a0a,
#001a1a,
#000000
);

background-size:400% 400%;
animation:bgmove 10s infinite linear;

}

@keyframes bgmove{

0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}

}

#particles-js{

position:fixed;
width:100%;
height:100%;
z-index:-1;

}

nav{

display:flex;
justify-content:space-between;
padding:20px 40px;

background:rgba(0,0,0,0.4);
backdrop-filter:blur(12px);

}

.logo{

color:#00ffff;
text-shadow:0 0 20px #00ffff;

}

.nav-links a{

margin-left:20px;
text-decoration:none;
color:white;

padding:8px 15px;

border:1px solid #00ffff;
border-radius:10px;

transition:0.3s;

}

.nav-links a:hover{

background:#00ffff;
color:black;

box-shadow:0 0 25px #00ffff;

}

.hero{

text-align:center;
padding:180px 20px;

}

.hero h1{

font-size:60px;
color:#00ffff;

text-shadow:0 0 30px #00ffff;

}

.btn{

display:inline-block;

margin-top:30px;

padding:15px 40px;

background:#00ffff;
color:black;

border-radius:10px;

text-decoration:none;

box-shadow:0 0 25px #00ffff;

}

.payment{

text-align:center;
padding:120px 20px;

}

.payment-grid{

display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;

}

.pay-card{

width:180px;
height:200px;

background:rgba(255,255,255,0.05);

backdrop-filter:blur(10px);

border-radius:15px;

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

cursor:pointer;

transition:0.3s;

box-shadow:0 0 15px rgba(0,255,255,0.2);

}

.pay-card img{

width:80px;
margin-bottom:10px;

}

.pay-card:hover{

transform:translateY(-10px);

box-shadow:0 0 40px #00ffff;

}

.popup{

display:none;

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.7);

justify-content:center;
align-items:center;

}

.popup-content{

background:#111;

padding:40px;

border-radius:15px;

text-align:center;

box-shadow:0 0 35px #00ffff;

position:relative;

}

.popup img{

width:250px;
border-radius:10px;

}

.close{

position:absolute;
right:15px;
top:10px;

font-size:25px;
cursor:pointer;

}

.copy-btn{

margin-top:15px;

padding:10px 25px;

border:none;

background:#00ffff;

color:black;

border-radius:8px;

cursor:pointer;

}

.toast{

position:fixed;

bottom:40px;
left:50%;

transform:translateX(-50%);

background:#00ffff;

color:black;

padding:12px 25px;

border-radius:10px;

display:none;

}