body {
      background: linear-gradient(135deg, #f1f6ff, #e9f0ff);
      font-family: "Poppins", sans-serif;
      padding-top: 0;
    }

    .container {
      max-width: 850px;
      background: #fff;
      border-radius: 20px;
      padding: 40px 50px;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
      margin: 30px auto;
    }

    h1 {
      text-align: center;
      color: #003366;
      font-weight: 700;
      margin-bottom: 25px;
    }

    .form-label {
      font-weight: 600;
      margin-top: 12px;
    }

    input.form-control,
    select.form-select {
      border-radius: 10px;
      border: 1.5px solid #cfd8dc;
      transition: 0.3s;
    }

    input:focus,
    select:focus {
      border-color: #00509e;
      box-shadow: 0 0 0 0.2rem rgba(0, 80, 158, 0.15);
    }

    .form-check-input {
      width: 18px;
      height: 18px;
      cursor: pointer;
      border: 2px solid #ccc;
      transition: all 0.3s ease;
    }

    .form-check-input:checked {
      background-color: #00509e;
      border-color: #003d80;
    }

    .form-check-label {
      cursor: pointer;
      font-weight: 500;
      margin-left: 6px;
    }

    button[type="submit"] {
      background: linear-gradient(135deg, #003366, #00509e);
      border: none;
      border-radius: 10px;
      font-weight: 600;
      padding: 12px;
      transition: 0.3s;
      width: 100%;
      margin-top: 25px;
    }

    button[type="submit"]:hover {
      background: linear-gradient(135deg, #002244, #004080);
      transform: translateY(-1px);
    }

    .cover-img {
      width: 100%;
      max-height: 250px;
      object-fit: cover;
      border-radius: 20px 20px 0 0;
      margin-bottom: 25px;
    }

    /* منع تلوين bootstrap للراديو والشيكبوكس */
    .was-validated .form-check-input:valid,
    .was-validated .form-check-input:invalid {
      border-color: #ccc !important;
      background-color: #fff !important;
    }

    .was-validated .form-check-input:checked {
      background-color: #00509e !important;
      border-color: #003d80 !important;
    }

    .invalid-feedback {
      display: none;
      color: #dc3545 !important;
      font-weight: 500;
      margin-top: 3px;
    }

    .was-validated .form-control:invalid ~ .invalid-feedback,
    .was-validated .form-select:invalid ~ .invalid-feedback,
    .was-validated .form-check-group.invalid .invalid-feedback {
      display: block;
    }