*{
   margin:0;
   padding:0;
   box-sizing:border-box;
   font-family:Arial, Helvetica, sans-serif;
}

body{
   background:#f2f2f2;
   height:100vh;
   display:flex;
   align-items:center;
   justify-content:center;
}

.container{
    width:100%;
    display:flex;
    justify-content:center;
}

.form-card{
    background:white;
    padding:30px;
    width:350px;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
}


h2{
   text-align:center;
   margin-bottom:20px;
}

form{
   display:flex;
   flex-direction:column;
   gap:10px;
}

label{
   font-size:14px;
   font-weight:bold;
}

input,
select,
textarea{
   padding:10px;
   border:1px solid #ccc;
   border-radius:6px;
   font-size:14px;
}

textarea{
   resize:none;
   height:80px;
}

input:focus,
textarea:focus,
select:focus{
   outline:none;
   border-color:#4CAF50;
   box-shadow:0 0 5px rgba(76,175,80,0.5);
}

button{
    margin-top:10px;
    padding:12px;
    border:none;
    background:#4CAF50;
    color:white;
    font-size:16px;
    border-radius:6px;
    cursor:pointer;
}

button:hover{
     background:#45a049;
}