@font-face{

font-family:IranSans;

src:url("../fonts/IRANSans-web.woff");

}



*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:IranSans;

}



body{

min-height:100vh;

background:#0d110d;

display:flex;

align-items:center;

justify-content:center;

color:white;

}




.box{

width:450px;

background:#171f17;

padding:30px;

border-radius:25px;

border:1px solid #10B98155;

}




h1{

color:#10B981;

margin-bottom:15px;

}




p{

color:#94A3B8;

margin-bottom:25px;

}




input,
select,
textarea{


width:100%;

margin-bottom:15px;

padding:14px;

border-radius:12px;

background:#0d110d;

border:1px solid #10B98155;

color:white;

outline:none;


}



textarea{

height:150px;

resize:none;

}




button{


width:100%;

padding:15px;

border:none;

border-radius:12px;

background:#10B981;

color:white;

cursor:pointer;

font-size:16px;


}



button:hover{


opacity:.85;


}




#status{


margin-top:20px;

color:#10B981;

text-align:center;


}