body {
margin:0;
font-family:Arial;
background:linear-gradient(135deg,#000,#0a0a0a);
color:white;
animation:bg 10s infinite alternate;
}

@keyframes bg{
0%{background:#000;}
100%{background:#050505;}
}

header{
text-align:center;
padding:20px;
color:#00ffd5;
}

.container{
display:flex;
flex-wrap:wrap;
justify-content:center;
padding:20px;
gap:20px;
}

.card{
background:#111;
padding:20px;
border-radius:15px;
box-shadow:0 0 20px rgba(0,255,200,0.2);
display:flex;
flex-direction:column;
gap:10px;
width:300px;
}

input, select{
padding:10px;
background:#000;
border:1px solid #333;
color:white;
border-radius:8px;
}

button{
padding:10px;
background:#00ffd5;
border:none;
border-radius:8px;
cursor:pointer;
transition:0.3s;
}

button:hover{
transform:scale(1.05);
background:#00c2a8;
}

.output{
background:#111;
padding:20px;
border-radius:15px;
width:400px;
min-height:300px;
box-shadow:0 0 20px rgba(0,255,200,0.2);
}

footer{
text-align:center;
padding:15px;
font-size:14px;
color:#888;
}