.register-page {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(43, 23, 18, .78), rgba(130, 24, 24, .50)), url("t_login.jpg") center/cover fixed;
}
.register-wrap {
  min-height: calc(100vh - 72px);
  display: grid;
  place-items: center;
  padding: 32px 18px;
}
.register-card {
  width: min(560px, 100%);
  padding: 30px;
  border-radius: 8px;
  background: rgba(255, 250, 243, .96);
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 22px 70px rgba(20, 10, 6, .35);
}
.register-card h1 { margin: 0; font-size: 34px; line-height: 1.15; }
.form-note { color: var(--muted); margin: 8px 0 22px; }
.back-link { display: inline-flex; margin-bottom: 18px; color: var(--accent-dark); font-weight: 800; }
.register-form { display: grid; gap: 14px; }
.register-form label { display: grid; gap: 6px; font-weight: 800; }
.register-form input[type="text"],
.register-form input[type="password"],
.register-form input[type="email"],
.register-form input:not([type]) {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  background: #fff;
}
fieldset {
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
}
legend { padding: 0 6px; font-weight: 800; }
.radio { display: inline-flex !important; grid-template-columns: auto 1fr; align-items: center; gap: 8px !important; }
.alert { padding: 12px 14px; border-radius: 8px; margin-bottom: 16px; font-weight: 700; }
.alert.success { background: #e8f7ef; color: #12683f; border: 1px solid #bfe8d0; }
.alert.error { background: #fff0ef; color: #9f1e1e; border: 1px solid #f2c1bd; }
.register-form .btn { width: 100%; border: 0; cursor: pointer; font-family: inherit; font-size: 16px; }
@media (max-width: 560px) { .register-card { padding: 22px; } .register-card h1 { font-size: 28px; } }

.register-page { background: #2b1712; }
.register-card {
  background: rgba(255, 250, 243, .88);
  backdrop-filter: blur(8px);
}