body{
margin:0;
font-family:Arial;
background:#0f172a;
color:#e2e8f0;
}

/* Header */

.contact-header{
text-align:center;
padding:60px 20px;
background:#020617;
border-bottom:2px solid #22c55e;
}

.contact-header h1{
margin-bottom:10px;
}

/* Container */

.container{
width:90%;
max-width:1000px;
margin:auto;
margin-top:40px;
}

/* Message */

.msg-box{
background:#22c55e;
padding:10px;
margin-bottom:20px;
border-radius:5px;
}

/* Layout */

.contact-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

/* Info */

.contact-info h2{
margin-bottom:15px;
}

/* Form */

.contact-form form{
display:flex;
flex-direction:column;
gap:15px;
}

.contact-form input,
.contact-form textarea{

padding:12px;
border:none;
border-radius:5px;
background:#1f2937;
color:white;
}

.contact-form textarea{
min-height:120px;
resize:vertical;
}

.contact-form button{
background:#22c55e;
border:none;
padding:12px;
border-radius:5px;
font-weight:bold;
cursor:pointer;
}

.contact-form button:hover{
background:#16a34a;
}

/* Footer */

.footer{
text-align:center;
margin-top:60px;
padding:30px;
background:#020617;
}

.footer-links a{
color:#94a3b8;
margin:0 10px;
text-decoration:none;
}

/* Responsive */

@media(max-width:768px){

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

}