body {
  width: 100%;
  height: 90vh;
  margin: 0;
  background: url("https://images.unsplash.com/photo-1737278670106-cd621f96ebb4?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "Inter", sans-serif;
}

.hr {
  width: 600px;
  height: 3px;
  margin: 0 auto;
  background-color: rgb(25, 27, 25);
}

input[type="text"],
input[type="email"],
input[type="password"],
select {
  display: block; /* blok gibi davranır */
  width: 100%; /* %100 genişlik */
  box-sizing: border-box; /* padding ve border genişliğe dahil */
  border-radius: 4px; /* kenar yuvarlama */
  border: 1px solid #ccc; /* kenarlık */
  margin-top: 5px; /* label ile araya boşluk */
  margin-bottom: 15px; /* altındaki element ile boşluk */
  padding: 8px; /* iç boşluk */
  font-size: 1rem; /* okunabilirlik */
  position: relative;
}

h1 {
  text-align: center;
}

p {
  margin: 0 auto;
  text-align: center;
  padding: 1rem;
}

form {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.checkbox-container {
  display: flex;
  align-items: center; /* Checkbox ve metni dikey ortalar */
  justify-content: space-between; /* Checkbox solda, button sağda */
  margin-top: 1rem;
}

.submit-btn {
  padding: 0.5rem 1rem;
  float: right;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
  border: 1px solid rgb(25, 27, 25); /* kenarlık */
}

label {
  display: block;
  margin: 1rem 0;
}

fieldset {
  margin-top: 1rem;
}

.fieldset.personal-info {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 1rem;
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding: 1rem;
}