body {

background: radial-gradient(circle at top,#020617,#000);
color:#00ff9f;

font-family: 'Orbitron', monospace;

margin:0;
padding:40px;

}

.container{

max-width:900px;
margin:auto;

}

h1{

text-align:center;
margin-bottom:40px;

}

.card{

background:rgba(20,20,30,.6);
border:1px solid #00ff9f;

padding:25px;

border-radius:10px;

margin-bottom:30px;

box-shadow:0 0 20px #00ff9f33;

}

input{

padding:10px;

background:#020617;

border:1px solid #00ff9f;

color:white;

margin-right:10px;

}

button{

background:#00ff9f;

border:none;

padding:10px 15px;

cursor:pointer;

font-weight:bold;

}

.output{

margin-top:15px;

font-size:18px;

word-break:break-all;

}

.strength-bar{

height:12px;

background:#111;

margin-top:15px;

border-radius:5px;

overflow:hidden;

}

#strengthFill{

height:100%;
width:0%;

background:lime;

transition:.4s;

}

.terminal{

background:#050505;

border:1px solid #00ff9f;

padding:15px;

border-radius:10px;

}

.terminal-header{

margin-bottom:10px;

color:#00ff9f;

}

#terminalOutput{

height:150px;

overflow:auto;

margin-bottom:10px;

font-family:monospace;

}

#terminalInput{

width:100%;

}