:root{
  /* Uses tokens from style_main.css but keeps safe fallbacks here */
  --primary: #0072CE;
  --dark: #111;
  --white: #fff;
  --radius: 14px;
  --shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* Header */
.ur-header {
  max-width: 1100px;
  margin: 24px auto 8px;
  padding: 0 18px;
}
.ur-header h1 {
  margin: 0 0 6px;
  font-size: 2rem;
  color: var(--primary);
}
.ur-subtitle { 
  margin: 0 0 12px; 
  color: #555;
  text-align: center;
}

/* Container */
.ur-container {
  max-width: 680px;
  margin: 0 auto;
  padding: 0 18px 40px;
}

/* Card */
.ur-card {
  background: var(--white);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 20px;
}

/* Form fields */
.ur-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}
.ur-field span { font-weight: 600; }
.ur-field input {
  height: 44px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  outline: none;
}
.ur-field input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(0,114,206,.15);
}

/* Buttons */
.ur-btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #d9d9d9;
  color: var(--dark);
  background: #f9fafb;
  transition: transform .12s ease, filter .12s ease, background .15s ease, color .15s ease;
  margin-right: 10px;
  margin-top: 1rem;
}
.ur-btn:hover { transform: translateY(-1px); filter: brightness(1.02); }

.ur-btn-primary {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.ur-btn-ghost {
  background: #fff;
}

/* Footer */
.ur-foot {
  max-width: 1100px;
  margin: 0 auto 26px;
  text-align: center;
  padding: 0 18px;
  color: #555;
}
.ur-foot a { color: var(--primary); text-decoration: none; font-weight: 600; }
.ur-foot a:hover { text-decoration: underline; }

/* Dark mode (cooperates with body.dark) */
body.dark .ur-subtitle { color: #cfcfcf; }
body.dark .ur-card { background: #1e1e1e; box-shadow: 0 8px 24px rgba(0,0,0,.35); }
body.dark .ur-field input { background: #222; border-color: #2b2b2b; color: #eee; }
body.dark .ur-btn { background: #232323; color: #eaeaea; border-color: #2b2b2b; }
body.dark .ur-btn-primary { background: var(--primary); border-color: var(--primary); color: #fff; }
body.dark .ur-foot { color: #cfcfcf; }

/* ===== Success card after registration ===== */
.rt-success-card{
  margin-top: 12px;
  border:1px solid #bbf7d0;
  background:#ecfdf5; color:#065f46;
  border-radius:14px; padding:14px 16px;
}
.rt-success-card h3{ margin:.2rem 0 .4rem; font-weight:700; }
.rt-success-card p{ margin:.2rem 0; }
.rt-success-actions{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.6rem; }
.rt-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 14px; border-radius:10px;
  background:#fff; color:#0b63b5; text-decoration:none; border:1px solid #dbeafe;
  font-weight:600;
}
.rt-btn:hover{ filter:brightness(1.03); }
.rt-btn-primary{ background:#0072CE; color:#fff; border-color:#0072CE; }
body.dark .rt-success-card{
  background:#093a2e; color:#c7f9e5; border-color:#1b5f4f;
}
body.dark .rt-btn{ background:#1e293b; color:#cfe0ff; border-color:#334155; }
body.dark .rt-btn-primary{ background:#2b7de9; border-color:#2b7de9; }