/* ══ Register — page-specific styles ══ */

.card { max-width: 480px; }
.card-header { text-align: center; margin-bottom: 22px; }
.card-header h1 { font-size: 22px; font-weight: 700; color: var(--primary); letter-spacing: -0.02em; margin-bottom: 4px; }
.card-header p { font-size: 13px; color: var(--on-surface-var); }

.select-wrap { position: relative; }
.select-wrap select { padding-left: 14px; padding-right: 38px; cursor: pointer; }
.select-wrap::after {
  content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  width: 0; height: 0;
  border-left: 5px solid transparent; border-right: 5px solid transparent;
  border-top: 6px solid var(--on-surface-var);
  pointer-events: none;
}