/* پایه */
body {
  background: url('/static/bg.jpg') center center no-repeat;
  background-size: cover;
  margin: 0; padding: 0; height: 100vh;
  display: flex; align-items: center; justify-content: center;
  font-family: sans-serif; direction: rtl;
}
.auth-card {
  width: 100%; max-width: 420px; padding: 30px;
  background: rgba(255,255,255,0.95);
  border-radius: 12px; border: 1px solid #ddd;
  box-shadow: 0 0 30px rgba(0,0,0,0.12);
  text-align: center;
}
.auth-card h2 { margin: 10px 0 6px; }
.auth-card p { margin: 8px 0; color: #444; }

.auth-card input[type="text"] {
  width: 100%; padding: 12px;
  font-size: 18px; text-align: center;
  border-radius: 10px; border: 2px solid #ccc;
  direction: ltr;
  margin: 18px 0;
}

.auth-card .error { color: #b10700; margin-top: 8px; font-size: 14px; }

.auth-card button {
  width: 100%; margin-top: 10px; padding: 12px 30px; font-size: 16px;
  background-color: #24a19d; color: #fff; border: none; border-radius: 8px; cursor: pointer;
}
.auth-card button[disabled] { background: #ccc; cursor: not-allowed; }
.auth-card .linklike {
  margin-top: 12px; display: inline-block; cursor: pointer; color: #0b7285; text-decoration: underline;
}

/* تب‌ها برای «کد قبلی دارم» */
.tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-bottom: 16px; }
.tabs button {
  border-radius: 0; border: 1px solid #ddd; background: #fff; color: #333;
}
.tabs button.active { background: #24a19d; color: #fff; }