body{

margin:0;
font-family:Consolas,monospace;
background:#050c14;
color:#b6d7ff;

display:flex;
justify-content:center;
align-items:center;
min-height:100vh;

}

.container{

width:95%;
max-width:1000px;

}

h1{

text-align:center;
color:#66c2ff;
margin-bottom:5px;

}

.subtitle{

text-align:center;
opacity:0.7;
margin-bottom:30px;

}

.grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:20px;

}

.box{

display:flex;
flex-direction:column;

}

label{

margin-bottom:6px;
color:#6fb6ff;

}

textarea{

min-height:140px;
resize:vertical;

background:#0a1624;
border:1px solid #1c3b5c;
border-radius:6px;

color:#d9ecff;

padding:10px;
font-size:14px;

outline:none;

}

textarea:focus{

border-color:#4da6ff;
box-shadow:0 0 10px rgba(77,166,255,0.3);

}

footer{

margin-top:35px;
text-align:center;
opacity:0.6;
font-size:14px;

}

@media(max-width:700px){

.grid{
grid-template-columns:1fr;
}

}

.blog-link{
text-align:center;
margin-bottom:20px;
opacity:0.8;
}

.blog-link a{
color:#66c2ff;
text-decoration:none;
font-weight:600;
}

.blog-link a:hover{
text-decoration:underline;
}