/* Pakstoor :: redeem.css :: v1.0-000005 :: 2026-10-11 */

.rd-wrap {
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  background: var(--bg);
}

.rd-card {
  width: 100%;
  max-width: 480px;
  background: var(--bg-1);
  border: 1px solid var(--line, #34302C);
  border-radius: 14px;
  padding: 36px 32px;
  text-align: center;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
}

.rd-eyebrow {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size:var(--fs-10);
  letter-spacing: 0.18em;
  color: var(--gold, #D9A625);
  font-weight:var(--fw-600);
  text-transform: uppercase;
  margin-bottom: 8px;
}

.rd-title {
  font-family: var(--font-display, 'Oswald', sans-serif);
  font-size:var(--fs-28);
  font-weight:var(--fw-700);
  color: var(--ink, #F1EFED);
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: -0.3px;
}

.rd-body {
  font-size:var(--fs-14);
  color: var(--ink-muted, #B4AEA8);
  line-height: 1.55;
  margin: 0 0 22px;
}

.rd-input {
  width: 100%;
  padding: 16px 18px;
  background: var(--bg, #1B1815);
  border: 1.5px solid var(--line-2, #403B36);
  border-radius: 8px;
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 22px;
  font-weight:var(--fw-700);
  letter-spacing: 0.18em;
  color: var(--gold, #D9A625);
  text-align: center;
  text-transform: uppercase;
  transition: all 0.15s ease;
}
.rd-input::placeholder {
  color: var(--ink-faint, #58524C);
  letter-spacing: 0.18em;
  font-weight:var(--fw-600);
}
.rd-input:focus {
  outline: none;
  border-color: var(--gold, #D9A625);
  background: var(--bg-2, #2c2824);
  box-shadow: 0 0 0 3px rgba(217, 166, 37, 0.18);
}
.rd-input.is-error {
  border-color: var(--danger, #D85145);
  box-shadow: 0 0 0 3px rgba(216, 81, 69, 0.18);
}
.rd-input.is-complete {
  border-color: var(--success, #5EA872);
  box-shadow: 0 0 0 3px rgba(94, 168, 114, 0.22);
}

.rd-status {
  margin: 12px 0 0;
  font-size:var(--fs-13);
  color: var(--ink-muted, #B4AEA8);
  min-height: 1.4em;
}
.rd-status.is-error { color: var(--danger, #D85145); }

.rd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 18px;
  padding: 13px 22px;
  border: 0;
  border-radius: 8px;
  font-family: var(--font-display, 'Oswald', sans-serif);
  font-size: 14.5px;
  font-weight:var(--fw-700);
  letter-spacing: 1.6px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.18s ease;
}
.rd-btn--primary {
  background: linear-gradient(180deg, #E3B53D 0%, var(--gold, #D9A625) 50%, var(--gold-deep, #B88417) 100%);
  color: #1B1815;
  box-shadow:
    0 4px 0 0 var(--gold-deep, #B88417),
    0 8px 22px rgba(217, 166, 37, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.rd-btn--primary:hover { transform: translateY(-1px); }
.rd-btn--primary:disabled {
  opacity: 0.6;
  cursor: wait;
  transform: none;
}

.rd-foot {
  margin: 22px 0 0;
  font-size:var(--fs-13);
  color: var(--ink-dim, #827B74);
}
.rd-foot a {
  color: var(--ink-dim, #827B74);
  text-decoration: none;
}
.rd-foot a:hover { color: var(--gold, #D9A625); }


/* ==========================================================
   MOBILE FIXES :: 2026-05-03 :: redeem
   ========================================================== */
@media (max-width: 480px) {
  .rd-input { font-size: clamp(18px, 5vw, 22px); }
}