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

body{

height:100vh;

display:flex;

justify-content:center;

align-items:center;

flex-direction:column;

background:#0a0a0a;

color:white;

}

.card{

background:#111;

padding:60px;

width:520px;

border-radius:12px;

text-align:center;

border:1px solid #ff0000;

box-shadow:0 0 35px rgba(255,0,0,0.5);

}
@keyframes glow {

0% { box-shadow:0 0 20px rgba(255,0,0,0.4); }

50% { box-shadow:0 0 40px rgba(255,0,0,0.9); }

100% { box-shadow:0 0 20px rgba(255,0,0,0.4); }

}

.card{
animation: glow 2s infinite;
}

.logo{

color:#ff0000;

font-size:34px;

letter-spacing:4px;

text-shadow:0 0 10px red;

}

h2{

margin-bottom:8px;

}

p{

color:#aaa;

font-size:13px;

margin-bottom:20px;

}

label{

font-size:13px;

color:#ccc;

}

input{

width:100%;

padding:12px;

margin-top:8px;

margin-bottom:20px;

border-radius:6px;

border:1px solid #333;

background:#1a1a1a;

color:white;

text-align:center;

}

.buttons{

display:flex;

gap:10px;

justify-content:center;

}

button{

border:none;

padding:10px 18px;

border-radius:6px;

cursor:pointer;

font-weight:500;

}

.read{

background:#ff0000;

color:white;

}

.read:hover{

background:#ff0000;

transform:scale(1.05);

box-shadow:0 0 15px red;

}

.copy{

background:#333;

color:white;

}

.copy:hover{

background:#444;

}

footer{

position:absolute;

bottom:20px;

font-size:12px;

color:#aaa;

}

footer span{

color:#ff0000;

}