/* ============================================================================
   K2 AETHER - HESAP / OTURUM MODULU
   rotalar: /logins, /Registers, /Register, /Registersuccess, /ForgotPassword
   ----------------------------------------------------------------------------
   Ayni "k2x-auth" kural kumesi BES sayfada ayri ayri, sayfa-ici <style> olarak
   tekrarlaniyordu (toplam 6 blok). Hepsi buraya toplandi ve token'landi.
   Sinif adlari korunur (sayfa isaretlemesi ve Signin.js bagli).
   ========================================================================= */

.k2x-auth-hero {
  position: relative;
  background:
    linear-gradient(180deg, rgba(13,16,23,.35) 0%, rgba(13,16,23,.92) 70%, var(--k2-bg) 100%),
    radial-gradient(ellipse at 50% 16%, rgba(255,201,40,.06) 0%, rgba(255,201,40,0) 62%),
    url("../images/registerbg.jpg") top center no-repeat var(--k2-bg);
  background-size: cover;
}
.k2x-auth-hero .k2x-auth { position: relative; z-index: 1; }

.k2x-auth {
  padding: var(--k2-space-8) 0 var(--k2-space-10);
  color: var(--k2-text-soft);
}
/* Eski Bootstrap ortalama (row + col-md-6 col-md-offset-3) yerine tek kolon. */
.k2x-auth__col {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}
.k2x-auth__col--wide { max-width: 760px; }

/* Form alan ciftleri (eski col-sm-6) ve 7/5 bolme (eski col-md-7 + col-md-5). */
.k2x-auth__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 0 var(--k2-space-4);
}
.k2x-auth__cell { min-width: 0; }
.k2x-auth__split {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: var(--k2-space-5);
}

.k2x-auth .k2x-card {
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-card);
  background: var(--k2-bg-elev);
  box-shadow: var(--k2-shadow-md);
  padding: var(--k2-space-6);
  margin-bottom: var(--k2-space-5);
}
.k2x-auth .k2x-kicker {
  display: inline-block;
  padding: 6px var(--k2-space-3);
  border-radius: var(--k2-radius-pill);
  border: 1px solid var(--k2-border-gold);
  background: rgba(255, 215, 106, .09);
  color: var(--k2-gold);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-bold);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.k2x-auth .k2x-title {
  margin: var(--k2-space-4) 0 6px;
  font-family: var(--k2-font-display);
  color: var(--k2-text);
  font-weight: var(--k2-fw-heavy);
  font-size: var(--k2-fs-xl);
  line-height: var(--k2-lh-tight);
}
.k2x-auth .k2x-sub {
  margin: 0 0 var(--k2-space-5);
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-sm);
  line-height: var(--k2-lh-base);
}

/* Form ----------------------------------------------------------------------*/
.k2x-auth .k2x-field { margin-bottom: var(--k2-space-4); }
.k2x-auth .k2x-field label {
  display: block;
  margin: 0 0 6px;
  color: var(--k2-text-soft);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-medium);
  letter-spacing: .05em;
  text-transform: uppercase;
}
.k2x-auth .k2x-ic { color: var(--k2-gold); width: 16px; text-align: center; }
.k2x-auth .k2x-input {
  display: block;
  width: 100%;
  min-height: var(--k2a-tap);
  padding: 10px var(--k2-space-4);
  border-radius: var(--k2-radius-btn);
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--k2-border);
  color: var(--k2-text);
  font-size: var(--k2-fs-base);
  outline: none;
}
.k2x-auth .k2x-input:focus {
  border-color: var(--k2-border-gold);
  background: rgba(255, 255, 255, .06);
  box-shadow: var(--k2-focus-ring);
}
.k2x-auth select.k2x-input option { background: var(--k2-bg-elev); color: var(--k2-text); }
.k2x-auth .k2x-input::-webkit-input-placeholder { color: var(--k2-text-faint); }
.k2x-auth .k2x-input::placeholder { color: var(--k2-text-faint); }

.k2x-auth .k2x-pw { position: relative; }
.k2x-auth .k2x-pw .k2x-input { padding-right: 50px; }
.k2x-auth .k2x-pw-toggle {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -19px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: var(--k2-radius-sm);
  background: transparent;
  color: var(--k2-text-muted);
  cursor: pointer;
  font-size: 15px;
  line-height: 38px;
  padding: 0;
}
.k2x-auth .k2x-pw-toggle:hover { color: var(--k2-gold); }
.k2x-auth .k2x-pw-toggle:focus-visible { outline: none; box-shadow: var(--k2-focus-ring); }

/* Butonlar -------------------------------------------------------------------*/
.k2x-auth .k2x-btn-gold {
  display: block;
  width: 100%;
  min-height: var(--k2a-tap);
  padding: 10px var(--k2-space-5);
  border: 0;
  border-radius: var(--k2-radius-btn);
  background: var(--k2-grad-gold);
  color: var(--k2-text-ondark);
  font-weight: var(--k2-fw-heavy);
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  line-height: 24px;
}
.k2x-auth .k2x-btn-gold:hover,
.k2x-auth .k2x-btn-gold:focus { color: var(--k2-text-ondark); text-decoration: none; opacity: .92; }
.k2x-auth .k2x-btn-ghost {
  display: block;
  width: 100%;
  min-height: var(--k2a-tap);
  padding: 10px var(--k2-space-5);
  border-radius: var(--k2-radius-btn);
  background: rgba(255, 255, 255, .07);
  border: 1px solid var(--k2-border);
  color: var(--k2-text);
  font-weight: var(--k2-fw-medium);
  font-size: var(--k2-fs-base);
  text-align: center;
  text-decoration: none;
  line-height: 22px;
}
.k2x-auth .k2x-btn-ghost:hover,
.k2x-auth .k2x-btn-ghost:focus { background: rgba(255, 255, 255, .11); color: var(--k2-gold); text-decoration: none; }
.k2x-auth .k2x-actions { margin-top: var(--k2-space-5); }
.k2x-auth .k2x-actions-2 { display: flex; flex-wrap: wrap; gap: var(--k2-space-3); }
.k2x-auth .k2x-actions-2 .k2x-btn-gold,
.k2x-auth .k2x-actions-2 .k2x-btn-ghost { flex: 1 1 170px; width: auto; }

.k2x-auth .k2x-links {
  margin-top: var(--k2-space-4);
  text-align: center;
  font-size: var(--k2-fs-sm);
  color: var(--k2-text-muted);
}
.k2x-auth .k2x-links a { color: var(--k2-gold); font-weight: var(--k2-fw-medium); text-decoration: none; }
.k2x-auth .k2x-links a:hover { text-decoration: underline; }

/* Durum / tablo / not --------------------------------------------------------*/
.k2x-auth .k2x-chip {
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--k2-radius-pill);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-bold);
  letter-spacing: .04em;
}
.k2x-auth .k2x-chip-ok { color: var(--k2-green-soft); border: 1px solid rgba(78,201,125,.35); background: rgba(78,201,125,.08); }
.k2x-auth .k2x-chip-warn { color: var(--k2-gold); border: 1px solid rgba(255,195,0,.30); background: rgba(255,195,0,.08); }
.k2x-auth .k2x-chip-bad { color: #ffb4b4; border: 1px solid rgba(229,72,77,.35); background: rgba(229,72,77,.10); }

.k2x-auth .k2x-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.k2x-auth .k2x-table { width: 100%; border-collapse: collapse; }
.k2x-auth .k2x-table th {
  padding: 10px var(--k2-space-3);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--k2-text-muted);
  text-align: left;
  border-bottom: 1px solid var(--k2-border);
}
.k2x-auth .k2x-table td {
  padding: 11px var(--k2-space-3);
  border-bottom: 1px solid var(--k2-border);
  font-size: var(--k2-fs-sm);
  color: var(--k2-text-soft);
}
.k2x-auth .k2x-table tr:hover td { background: rgba(255, 255, 255, .03); }
.k2x-auth .k2x-note { margin-top: var(--k2-space-4); font-size: var(--k2-fs-xs); color: var(--k2-text-muted); line-height: 1.6; }
.k2x-auth .k2x-note a { color: var(--k2-gold); font-weight: var(--k2-fw-medium); }

@media (max-width: 991px) {
  .k2x-auth { padding: var(--k2-space-6) 0 var(--k2-space-8); }
  .k2x-auth .k2x-card { padding: var(--k2-space-5); }
  .k2x-auth .k2x-title { font-size: var(--k2-fs-lg); }
}