/* =========================
   GameTracker Register Form (separat)
   Izolat pe .gt-register-form
   ========================= */

.gt-register-form{
  width: min(420px, 100%);
  margin: 0 auto;

  padding: 18px 16px 16px;
  border-radius: 18px;

  background: linear-gradient(180deg, rgba(25, 30, 46, .82) 0%, rgba(14, 16, 24, .90) 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 28px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(120,140,255,.06) inset;

  color: rgba(255,255,255,.92);
}

/* aceleași clase ca la login (reutilizate) */
.gt-login-header{
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
}

.gt-login-badge{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.gt-login-badge i{
  font-size: 20px;
  color: rgba(120,140,255,.9);
}

.gt-login-title{
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .2px;
}

.gt-login-sub{
  margin: 2px 0 0;
  font-size: 13px;
  color: rgba(255,255,255,.62);
  line-height: 1.35;
}

.gt-field{
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.gt-label{
  font-size: 12px;
  color: rgba(255,255,255,.72);
  letter-spacing: .2px;
}

.gt-input-wrap{
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 12px 12px;
  border-radius: 14px;

  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.09);

  transition: border-color .12s ease, box-shadow .12s ease, background .12s ease;
}

.gt-input-wrap i{
  color: rgba(255,255,255,.55);
  font-size: 16px;
}

.gt-input{
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgba(255,255,255,.92);
  font-size: 16px; /* iOS no-zoom */
}

.gt-input::placeholder{
  color: rgba(255,255,255,.38);
}

.gt-input-wrap:focus-within{
  background: rgba(0,0,0,.22);
  border-color: rgba(120,140,255,.45);
  box-shadow: 0 0 0 4px rgba(120,140,255,.14);
}

.gt-row{
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.gt-remember{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(255,255,255,.70);
  user-select: none;
}

.gt-remember input{
  width: 16px;
  height: 16px;
  accent-color: #3b82f6;
}

.gt-link{
  font-size: 12px;
  color: rgba(120,140,255,.92);
  text-decoration: none;
}

.gt-link:hover{
  text-decoration: underline;
}

.gt-submit{
  margin-top: 14px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;

  border: 1px solid rgba(120,140,255,.25);
  background: rgba(120,140,255,.12);
  color: rgba(255,255,255,.94);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  font-weight: 800;
  cursor: pointer;

  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.gt-submit:hover{
  background: rgba(120,140,255,.18);
  border-color: rgba(120,140,255,.35);
  transform: translateY(-1px);
}

.gt-submit:active{
  transform: translateY(0);
}

.gt-divider{
  margin: 14px 0 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.45);
  font-size: 12px;
}

.gt-divider::before,
.gt-divider::after{
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(255,255,255,.10);
}

.gt-oauth{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  cursor: pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.gt-oauth:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.14);
  transform: translateY(-1px);
}

.gt-oauth:active{
  transform: translateY(0);
}

.gt-foot{
  margin-top: 12px;
  font-size: 12px;
  color: rgba(255,255,255,.62);
  text-align: center;
}

@media (max-width: 520px){
  .gt-register-form{
    padding: 18px 14px 14px;
  }
}