/* Reuse the bg-deco and auth-page layout from index.css (auth page) */
.bg-deco { position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.bg-tile {
  position: absolute; opacity: .06; font-size: 4rem; font-weight: 800;
  color: var(--gold); transform: rotate(-15deg); user-select: none;
}
.bg-deco .bg-tile:nth-child(1) { top:  8%; left:   5%; }
.bg-deco .bg-tile:nth-child(2) { top: 15%; right:  8%; }
.bg-deco .bg-tile:nth-child(3) { top: 35%; left:  12%; }
.bg-deco .bg-tile:nth-child(4) { top: 55%; right:  5%; }
.bg-deco .bg-tile:nth-child(5) { top: 70%; left:   4%; }
.bg-deco .bg-tile:nth-child(6) { bottom: 12%; right: 15%; }
.bg-deco .bg-tile:nth-child(7) { bottom:  8%; left:  30%; }

.rp-page { position: relative; z-index: 1; }

/* ---- Logo wrap (shared with login) ---- */
.login-logo-wrap { margin-bottom: 28px; text-align: center; }
.login-logo-wrap .logo-tiles { justify-content: center; }

/* ---- Card header ---- */
.rp-icon {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 12px;
}

.rp-title {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--t1);
  text-align: center;
  margin-bottom: 12px;
}

.rp-desc {
  font-size: 0.8125rem;
  color: var(--t3);
  line-height: 1.6;
  text-align: center;
  margin-bottom: 24px;
}

/* ---- Back-to-login link ---- */
.rp-back-link {
  display: block;
  text-align: center;
  margin-top: 16px;
}

/* ---- Language selector (shared with login) ---- */
.lang-bar {
  margin-top: 20px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;
}
.lang-btn {
  padding: 8px 14px; border-radius: var(--r-sm); border: 1px solid var(--border);
  background: transparent; color: var(--t2); font-size: 0.8125rem; font-weight: 500;
  cursor: pointer; transition: all .2s; font-family: inherit;
}
.lang-btn:hover, .lang-btn.active { border-color: var(--primary); color: var(--primary); }