.sell-hero{
height:450px;
background:linear-gradient(135deg,#111827,#1f2937);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
}

.hero-content{
max-width:700px;
animation:fadeUp 1s ease;
}

.sell-container{
padding:80px 20px;
display:flex;
justify-content:center;
}

.sell-form{

background:white;

padding:50px;

border-radius:16px;

box-shadow:0 25px 60px rgba(0,0,0,.12);

max-width:900px;

width:100%;

display:flex;

flex-direction:column;

gap:25px;

animation:fadeUp 0.8s ease;

}

.sell-form h2{
margin-bottom:10px;
}

.form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

.sell-form input,
.sell-form textarea{

padding:14px;

border-radius:10px;

border:1px solid #ddd;

font-size:15px;

transition:.3s;

}

.sell-form input:focus,
.sell-form textarea:focus{

border-color:#2563eb;

box-shadow:0 0 0 3px rgba(37,99,235,.1);

outline:none;

}

textarea{
min-height:120px;
resize:none;
}

.upload-box{
border:2px dashed #ddd;
padding:30px;
text-align:center;
border-radius:12px;
cursor:pointer;
transition:.3s;
}

.upload-box:hover{
border-color:#2563eb;
}

.btn-submit{

background:linear-gradient(135deg,#111827,#2563eb);

color:white;

padding:16px;

border:none;

border-radius:40px;

font-size:16px;

cursor:pointer;

transition:.3s;

}

.btn-submit:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(0,0,0,.2);
}

@keyframes fadeUp{
from{opacity:0;transform:translateY(40px);}
to{opacity:1;transform:translateY(0);}
}

@media(max-width:768px){

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

}