*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

background:#050505;

font-family:monospace;

overflow:hidden;

color:white;
}

#particles{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

z-index:-1;
}

.container{

width:100%;

height:100vh;

display:flex;

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

padding:20px;
}

.card{

position:relative;

width:420px;

background:rgba(15,15,15,0.88);

border:1px solid #ffffff20;

border-radius:32px;

padding:35px;

backdrop-filter:blur(10px);

box-shadow:
0 0 30px #ffffff10,
0 0 80px #000000;
}

.badge{

display:inline-block;

padding:10px 20px;

border-radius:40px;

border:1px solid #ffffff30;

background:#ffffff08;

margin-bottom:20px;

font-size:13px;

letter-spacing:2px;

color:#d9d9d9;
}

h1{

font-size:52px;

letter-spacing:3px;

margin-bottom:10px;

color:white;

text-shadow:
0 0 10px #ffffff20;
}

p{

color:#bcbcbc;

margin-bottom:25px;

line-height:24px;
}

.codebox{

position:relative;
}

.loadlabel{

margin-bottom:10px;

font-size:13px;

letter-spacing:2px;

color:#d8d8d8;
}

textarea{

width:100%;

height:120px;

background:#090909;

border:1px solid #ffffff15;

border-radius:20px;

padding:15px;

color:#ffffff;

font-size:14px;

resize:none;

outline:none;

user-select:none;
}

.copybtn{

width:100%;

margin-top:20px;

padding:18px;

border:none;

border-radius:20px;

background:white;

color:black;

font-size:16px;

font-weight:bold;

cursor:pointer;

transition:0.3s;
}

.copybtn:hover{

transform:scale(1.03);

background:#e8e8e8;

box-shadow:
0 0 25px #ffffff40;
}

.overlay{

position:absolute;

top:0;
left:0;

width:100%;

height:78%;

z-index:10;
}

.popup{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:#000000d0;

display:none;

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

z-index:100;
}

.popupbox{

width:350px;

background:#0b0b0b;

border:1px solid #ffffff20;

border-radius:30px;

padding:40px;

text-align:center;

box-shadow:
0 0 40px #ffffff10;
}

.popupbox h2{

font-size:40px;

margin-bottom:20px;

color:white;
}

.popupbox p{

margin-bottom:25px;

color:#cfcfcf;
}

.popupbox button{

padding:15px 35px;

border:none;

border-radius:20px;

background:white;

color:black;

font-weight:bold;

cursor:pointer;
}

.popupbox span{

display:block;

margin-top:20px;

font-size:13px;

color:#a5a5a5;
}

.copypopup{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

display:flex;

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

background:#000000b0;

z-index:999;
}

.copypopupbox{

width:370px;

background:#0d0d0d;

border:1px solid #ffffff20;

border-radius:30px;

padding:35px;

text-align:center;

box-shadow:
0 0 40px #ffffff10;
}

.copypopupbox h2{

font-size:30px;

margin-bottom:20px;

color:white;
}

.copypopupbox p{

margin-top:15px;

line-height:25px;

color:#d1d1d1;
}