*{

box-sizing:border-box;
font-family:Arial, sans-serif;

}


body{

margin:0;
background:#090d18;
color:white;
padding:40px;

}



.container{

max-width:1000px;
margin:auto;

}



.card{

background:#111827;
padding:30px;
border-radius:20px;
margin-bottom:25px;
box-shadow:0 20px 50px #0008;

}



h1{

color:#38bdf8;

}



textarea{

width:100%;
height:450px;

background:#020617;

color:white;

border:1px solid #334155;

border-radius:15px;

padding:20px;

font-size:16px;

resize:vertical;

}



button{

margin-top:20px;

padding:15px 35px;

border:0;

border-radius:12px;

background:#2563eb;

color:white;

font-weight:bold;

cursor:pointer;

font-size:16px;

}


button:hover{

background:#1d4ed8;

}



pre{

white-space:pre-wrap;

background:#020617;

padding:20px;

border-radius:15px;

color:#94a3b8;

}