/* Form Container */
 .form_container {
     background: #ffffff;
     width: 100%;
     max-width: 450px;
     padding: 30px;
     border-radius: 8px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 }

 .title {
     font-size: 24px;
     font-weight: bold;
     color: #333333;
     margin-bottom: 24px;
     text-align: center;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 /* Layout and Fields */
 .form {
     display: flex;
     flex-direction: column;
     gap: 18px;
 }

 .input_field {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 /* Labels */
 .input_field label {
     font-size: 14px;
     font-weight: 600;
     color: #555555;
 }

 /* Inputs */
 .input_field .input,
 .input_field input[type="file"] {
     width: 100%;
     padding: 10px 12px;
     border: 1px solid #cccccc;
     border-radius: 4px;
     font-size: 15px;
     transition: border-color 0.2s ease;
     outline: none;
 }

 .input_field .input:focus {
     border-color: #007bff;
 }

 /* File Upload Specifics */
 .input_field input[type="file"] {
     background: #fafafa;
     cursor: pointer;
 }

 /* Inline Checkbox Styling */
 .input_field input[type="checkbox"] {
     margin-right: 4px;
     cursor: pointer;
 }

 /* Submit Button */
 .btn {
     /* Reset layout behaviors */
     display: inline-block;
     box-sizing: border-box;

     /* FIX THE SHAPE: Ensure width grows with text and height fits comfortably */
     width: auto;
     height: auto;

     /* FIX THE TEXT OVERFLOW: Add padding inside the button */
     padding: 10px 24px;

     /* FIX THE CIRCLE: Change border-radius from 50% to a small pixel value */
     border-radius: 4px;

     /* Basic visual cleanup (adjust colors as you like) */
     background-color: #333;
     color: #fff;
     font-size: 16px;
     border: none;
     cursor: pointer;
 }