/* ========================================
   PAGE LAYOUT FIX
======================================== */

body{
display:flex;
flex-direction:column;
min-height:100vh;
}

/* Fill page height */
.form-section{
flex:1;
padding:60px 20px 80px;
max-width:700px;
margin:auto;
width:100%;
}

/* ========================================
   FORM CONTAINER
======================================== */

form{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 4px 15px rgba(0,0,0,0.08);
display:flex;
flex-direction:column;
}

/* ========================================
   INPUT FIELDS (ROUNDED)
======================================== */

form input,
form textarea,
form select{
width:100%;
padding:14px;
margin-top:12px;
border:1px solid #ccc;
border-radius:25px;
font-size:14px;
outline:none;
transition:all 0.2s ease;
background:white;
}

/* Remove default dropdown styling */
form select{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
cursor:pointer;
}

/* Focus effect */
form input:focus,
form textarea:focus,
form select:focus{
border-color:#457b9d;
box-shadow:0 0 0 3px rgba(69,123,157,0.15);
}

/* Textarea */
form textarea{
min-height:120px;
resize:vertical;
}

/* ========================================
   BUTTON (MATCH ROUNDED STYLE)
======================================== */

form .btn{
margin-top:15px;
width:100%;
text-align:center;
border:none;
outline:none;
border-radius:30px;
padding:14px;
font-weight:bold;
cursor:pointer;
transition:all 0.3s ease;
}

/* Hover */
form .btn:hover{
transform:translateY(-2px);
box-shadow:0 6px 15px rgba(0,0,0,0.2);
}

/* Remove focus outline */
form .btn:focus{
outline:none;
box-shadow:none;
}

/* ========================================
   PAGE HEADER
======================================== */

.page-header{
text-align:center;
padding:60px 20px;
background:#e9eef5;
}

/* ========================================
   MOBILE
======================================== */

@media (max-width:768px){

.form-section{
padding:40px 15px 60px;
}

form{
padding:20px;
}

}