* {

      box-sizing: border-box;

      margin: 0;

      padding: 0;

    }



    body {

      font-family: Arial, sans-serif;

      background: radial-gradient(circle at top right, #fdb913, #fdb913);

      min-height: 100vh;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      padding: 20px;

    }



    .login-container {

      background-color: white;

      border-radius: 10px;

      width: 100%;

      max-width: 900px;

      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);

      display: flex;

      flex-wrap: wrap;

      overflow: hidden;

    }



    .form-area {

      flex: 2;

      padding: 30px 40px;

    }



    .form-area h1 {

      color: black;

      font-size: 22px;

      margin-bottom: 20px;

    }



    .tabs {

      display: flex;

      border-bottom: 2px solid #d3d3d3;

      margin-bottom: 15px;

    }



    .tab {

      padding: 15px 15px;

      background-color: #fdb913;

      color: black;

      font-weight: bold;

      margin-right: 5px;

      border-radius: 5px 5px 0 0;

      font-size: 14px;

    }



    .form-group {

      margin-bottom: 15px;

    }



    .form-group input {

      width: 100%;

      padding: 12px;

      font-size: 15px;

      border: 1px solid #ccc;

      border-radius: 4px;

    }



    .form-links {

      text-align: right;

      margin-bottom: 15px;

    }



    .form-links a {

      font-size: 13px;

      color: #005db9;

      text-decoration: none;

    }



    .btn-login {

      background-color: #fdb913;

      color: black;

      padding: 12px;

      width: 100%;

      border: none;

      border-radius: 4px;

      font-weight: bold;

      font-size: 15px;

      cursor: pointer;

    }



    .btn-login:hover {

      background-color: #cf9300;

    }



    .security-links {

      display: flex;

      justify-content: space-between;

      font-size: 13px;

      margin-top: 15px;

      flex-wrap: wrap;

      gap: 10px;

    }



    .security-links img {

      vertical-align: middle;

      height: 16px;

      margin-right: 5px;

    }



    .security-links a {

      color: #444;

      text-decoration: none;

      display: flex;

      align-items: center;

    }



    .right-area {

      flex: 1;

      background-color: #f7f7f7;

      text-align: center;

      padding: 30px 20px;

    }



    .right-area h3 {

      font-size: 15px;

      margin-bottom: 12px;

    }



    .right-area img {

      max-width: 100%;

      height: auto;

    }



    .right-area button {

      margin-top: 15px;

      padding: 10px;

      background-color: #0092e0;

      color: white;

      border: none;

      border-radius: 4px;

      font-weight: bold;

      cursor: pointer;

    }



    footer {

      text-align: center;

      font-size: 12px;

      color: white;

      margin-top: 20px;

    }



    .norton {

      margin-top: 15px;

      text-align: center;

    }



    @media (max-width: 768px) {

      .login-container {

        flex-direction: column;

      }



      .form-area {

        padding: 20px;

      }



      .form-area h2 {

        font-size: 18px;

      }



      .tab {

        font-size: 13px;

        padding: 8px 12px;

      }



      .form-group input {

        font-size: 14px;

        padding: 10px;

      }



      .btn-login {

        font-size: 14px;

        padding: 10px;

      }



      .right-area {

        order: -1;

        padding: 20px;

      }



      .right-area h3 {

        font-size: 14px;

      }



      .right-area button {

        font-size: 14px;

        padding: 10px;

      }



      .security-links {

        flex-direction: column;

        align-items: flex-start;

        gap: 8px;

        margin-top: 20px;

      }



      .norton img {

        height: 30px;

      }

      .hide {
        display: none!important
      }


      .form-row {
        display: flex;
        justify-content: space-between;
        gap: 10px; /* İki input arasındaki boşluk */
      }

      .form-group.half {
        width: 48%; /* Yarıya yakın genişlik */
      }

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

      #endForm input {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
      }

      #doneForm {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.success-icon {
  margin-bottom: 20px;
}

.success-icon .fa-check-circle {
  font-size: 80px;
  color: #28a745;
}

.success-message {
  width: 100%;
}

.success-title {
  display: block;
  font-size: 28px;
  font-weight: bold;
  color: #28a745;
  margin-bottom: 15px;
}

.success-text {
  font-size: 16px;
  color: #505050;
  line-height: 1.5;
}