/* DijitalTurk giriş modalı — site tasarım diline uygun, kendi başına yeterli (dt-modal base dahil). */
.dt-modal { position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 20px; }
.dt-modal__backdrop { position: absolute; inset: 0; background: rgba(5,8,6,.72); backdrop-filter: blur(3px); }
.dt-modal__panel {
  position: relative; max-width: 440px; width: 100%; max-height: calc(100vh - 40px); overflow: auto;
  background: #0d1510; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; padding: 32px 28px 26px;
  box-shadow: 0 24px 60px rgba(0,0,0,.5); animation: dt-modal-in .25s ease;
}
@keyframes dt-modal-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.dt-modal__x {
  position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; border-radius: 50%;
  background: rgba(255,255,255,.06); border: none; color: #8a978d; font-size: 13px; cursor: pointer;
}
.dt-modal__x:hover { background: rgba(255,255,255,.12); color: #eef2ee; }

.dt-login-panel h2 { font-size: 22px; letter-spacing: -.02em; color: #eef2ee; margin: 0 0 6px; }
.dt-login-sub { color: #8a978d; font-size: 13.5px; margin: 0 0 22px; }
.dt-login-panel .form-stack { display: flex; flex-direction: column; gap: 16px; }
.dt-login-panel label { font-size: 12px; font-weight: 600; color: #8a978d; display: flex; flex-direction: column; gap: 6px; }
.dt-login-panel input[type="text"], .dt-login-panel input[type="password"] {
  background: #0a0f0b; border: 1.5px solid rgba(255,255,255,.1); border-radius: 11px; color: #eef2ee;
  padding: 11px 13px; font-size: 14px; font-family: inherit; transition: border-color .15s, box-shadow .15s;
}
.dt-login-panel input:focus { outline: none; border-color: #9fd9a8; box-shadow: 0 0 0 3px rgba(159,217,168,.12); }
.dt-login-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12.5px; }
.dt-login-row .checkbox { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: #a6b2ac; font-weight: 400; cursor: pointer; }
.dt-login-row .checkbox input { accent-color: #9fd9a8; }
.dt-login-row a { color: #8a978d; text-decoration: underline; text-decoration-color: rgba(138,151,141,.4); }
.dt-login-row a:hover { color: #c2d4c7; }
.dt-login-panel .button.full {
  width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: #9fd9a8; color: #0a0f0b; border: none; border-radius: 11px; padding: 12px 20px;
  font-size: 14px; font-weight: 600; cursor: pointer; transition: background .15s, transform .1s;
}
.dt-login-panel .button.full:hover { background: #b3e4ba; }
.dt-login-panel .button.full:active { transform: scale(.98); }
.dt-login-panel .button.full:disabled { opacity: .75; cursor: default; }
.dt-login-spinner { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(10,15,11,.3); border-top-color: #0a0f0b; animation: dt-login-spin .7s linear infinite; }
@keyframes dt-login-spin { to { transform: rotate(360deg); } }
.dt-login-note { font-size: 13px; margin: 0; min-height: 1px; color: #a6b2ac; }
.dt-login-note.is-ok { color: #8fd79b; }
.dt-login-note.is-error { color: #e58b7a; }
.dt-login-switch { margin: 20px 0 0; font-size: 13px; color: #8a978d; text-align: center; }
.dt-login-switch a { color: #9fd9a8; font-weight: 600; }