body {
   font-family: Arial, sans-serif;
   background-color: #f0f2f5;
   margin: 0;
   padding: 20px;
  
  
}

.container {
   max-width: 900px;
   margin: 0 auto;
   background: #ffffff;
   padding: 25px;
   border-radius: 10px;
   box-shadow: 0 2px 8px rgba(238, 5, 5, 0.966);
}

h2 {
   font-size: 22px;
   margin-bottom: 15px;
   border-bottom: 2px solid #f70606;
   padding-bottom: 5px;
}


.form-row {
   display: flex;
   gap: 15px;
   margin-bottom: 15px;
}

.form-group {
   flex: 1;
   display: flex;
   flex-direction: column;
}


label {
   font-size: 14px;
   margin-bottom: 5px;
   color: #333;
}


input, select {
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 5px;
   font-size: 10px;
   outline: none;
   transition: border 0.2s;
}

input:focus, select:focus {
   border-color: #e10606;
}


.full {
   width: 100%;
   margin-bottom: 15px;
}


button {
   width: 100%;
   padding: 5px;
   background-color: #972525;
   color: white;
   border: none;
   border-radius: 1px;
   font-size: 15px;
   cursor: pointer;
  
}


button:hover {
   background-color: #f75e5e;
}