* {
       box-sizing: border-box;
       margin: 0;
       padding: 0;
   }

   body {
       font-family: 'Segoe UI', sans-serif;
       background-color: #f8f9fa;
       padding: 20px;
   }

   .form-wrapper {
       max-width: 750px;
       margin: 0 auto;
       background: #fff;
       border-radius: 16px;
       overflow: hidden;
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
   }

   .form-header {
       background-color: #ababab;
       display: flex;
       align-items: center;
       gap: 15px;
   }

   .form-header img {
       width: 30vh;
   }

   .form-header h1 {
       color: #fff;
       font-size: 20px;
       font-weight: bold;
   }

   form {
       padding: 25px;
   }

    .header {
        margin: 30px 5%;
        font-size: 18px;
        line-height: 1.4;
    }
    
    .header h1 {
        margin: 0;
        padding: 0;
        font-size: 22px;
        text-align: center;
        line-height: 1.2;
    }
    
    .header p {
        margin: 10px 0 0 0;
        padding: 0;
        text-justify: inter-word; /* Kelimeler arası daha doğal boşluk */
        line-height: 1.5;
        text-indent: 0; /* Satır başı girintisi yok */
        word-spacing: -0.2px; /* Kelime arası boşlukları hafifçe sıkılaştırır */
        text-align: left;
    }

   .form-group {
       margin-bottom: 20px;
   }

   label {
       display: block;
       margin-bottom: 8px;
       font-weight: 500;
       color: #333;
   }

   input {
       width: 100%;
       padding: 12px 15px;
       border: 2px solid #e9ecef;
       border-radius: 10px;
       font-size: 16px;
       transition: border-color 0.3s ease, box-shadow 0.3s ease;
   }

   input:focus {
       border-color: #e03131;
       box-shadow: 0 0 0 3px rgba(224, 49, 49, 0.2);
       outline: none;
   }

   button {
       width: 100%;
       background: #e03131;
       color: #fff;
       padding: 14px;
       border: none;
       border-radius: 10px;
       font-size: 16px;
       cursor: pointer;
       transition: background 0.3s ease;
   }

   button:hover {
       background: #c92a2a;
   }

   .form-row {
       display: flex;
       gap: 20px;
       flex-wrap: wrap;
   }

   .form-col {
       flex: 1;
       min-width: calc(50% - 10px);
       /* Mobilde sarmasın diye */
   }


   select {
       width: 100%;
       padding: 12px 15px;
       border: 2px solid #e9ecef;
       border-radius: 10px;
       background-color: #fff;
       font-size: 16px;
       color: #333;
       appearance: none;
       background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23444' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
       background-repeat: no-repeat;
       background-position: right 12px center;
       background-size: 18px 18px;
       transition: border-color 0.3s ease, box-shadow 0.3s ease;
   }

   select:focus {
       border-color: #e03131;
       box-shadow: 0 0 0 3px rgba(224, 49, 49, 0.2);
       outline: none;
   }

   .required {
       color: #e03131;
       /* kırmızı */
       font-weight: bold;
   }

   input[type="checkbox"] {
       accent-color: #e03131;
       /* kutucuk içi kırmızı */
       width: 18px;
       height: 18px;
       margin-right: 10px;
   }

   select:disabled,
   input:disabled,
   textarea:disabled {
       background-color: #f0f0f0;
       /* açık gri arka plan */
       color: #999999;
       /* gri yazı */
       cursor: not-allowed;
       /* yasak işareti imleci */
       border-color: #ddd;
       /* soluk sınır */
       opacity: 0.7;
       /* biraz transparan */
   }


   textarea {
       width: 100%;
       padding: 10px 14px;
       font-size: 16px;
       border: 1px solid #ccc;
       border-radius: 8px;
       resize: vertical;
       min-height: 120px;
       box-sizing: border-box;
       transition: border-color 0.3s ease, box-shadow 0.3s ease;
       font-family: inherit;
       background-color: #fff;
       color: #333;
   }

   textarea:focus {
       border-color: #e74c3c;
       outline: none;
       box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.2);
   }

   textarea::placeholder {
       color: #aaa;
       font-style: italic;
   }


   @media (max-width: 600px) {
       .form-header {
           flex-direction: column;
           text-align: center;
       }

       .form-header h1 {
           margin-bottom: 50px;
       }

       .form-header img {
           margin-bottom: 10px;
       }

       .form-row {
           flex-direction: column;
       }

       .form-col {
           min-width: 100%;
       }
   }

   .footer {
       width: 100%;
       display: flex;
       justify-content: center;
       margin-top: 100px;
   }

   .footer p {
       display: flex;
       align-items: center;
       gap: 8px;
       /* Yazı ile resim arasına boşluk */
       margin: 0;
   }

   .footer img {
       height: 25px;
       width: auto;
   }