@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap');

:root{
  --dt-blue-dark: #003A8F;
  --dt-blue-main: #0A5ED7;
  --dt-blue-light:#1E88FF;

  --card-bg: rgba(255,255,255,0.12);
  --card-border: rgba(255,255,255,0.22);
  --text: #ffffff;
}

*{ box-sizing: border-box; }

html, body{
  height: 100%;
}

body{
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  color: var(--text);

  background: linear-gradient(
    135deg,
    var(--dt-blue-dark) 0%,
    var(--dt-blue-main) 55%,
    var(--dt-blue-light) 100%
  );
  background-attachment: fixed;

  /* ✅ sağa taşma/boşluk oluşmasın */
  overflow-x: hidden;
}

a{ color:#fff; }
a:hover{ color:#dbeafe; text-decoration:none; }

h2{
  font-size: 26px;
  margin: 14px 0 18px 0;
  font-weight: 600;
}

.form_alani{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 14px;
}

.form{
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 28px 22px;
  text-align: center;

  border-radius: 18px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: 0 18px 60px rgba(0,0,0,0.28);
  backdrop-filter: blur(10px);
}

.tpk-1{
  width: 220px;
  max-width: 85%;
  height: auto;
  margin: 4px auto 10px auto;
  display: block;
}

/* Inputlar (mavi şeffaf) */
.form .form-control{
  height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.14);
  color: #ffffff;
}

.form .form-control::placeholder{
  color: rgba(255,255,255,0.85);
}

.form .form-control:focus{
  border-color: rgba(255,255,255,0.65);
  box-shadow: 0 0 0 0.2rem rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.18);
  color: #ffffff;
}

/* ✅ Selectler: beyaz zemin + siyah yazı (okunurluk garanti) */
.form select.form-control{
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(255,255,255,0.50);
}

.form select.form-control:focus{
  background: #ffffff !important;
  color: #111111 !important;
  border-color: rgba(255,255,255,0.85);
  box-shadow: 0 0 0 0.2rem rgba(255,255,255,0.18);
}

/* Placeholder (disabled option) gri olsun */
.form select.form-control option[disabled]{
  color: #777;
}

/* Dropdown option yazıları (bazı tarayıcılar uygular) */
.form select.form-control option{
  color: #111111;
}

/* KVKK */
.kvkk-row{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  text-align: left;
  margin: 12px 0 18px 0;
  padding: 12px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.20);
}

.kvkk-row input{
  width: 18px;
  height: 18px;
  margin-top: 3px;
  flex: 0 0 auto;
}

.kvkk-row label{
  margin: 0;
  font-size: 12.5px;
  line-height: 1.35rem;
  color: rgba(255,255,255,0.95);
}

/* Buton */
.btn-apsiyon{
  border-radius: 14px !important;
  font-weight: 700 !important;
  height: 54px;
  background: #ffffff !important;
  color: var(--dt-blue-dark) !important;
  border: 0 !important;
}

.btn-apsiyon:hover{
  filter: brightness(0.95);
}

@media (max-width: 420px){
  .form{
    padding: 22px 16px;
    border-radius: 16px;
  }
  h2{
    font-size: 22px;
  }
  .tpk-1{
    width: 200px;
  }
}