.gender-pick { display: flex; gap: 12px; margin-top: 4px; }
.gender-opt {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px;
    border: 2px solid var(--auth-border, #e0d0c8); border-radius: 12px;
    padding: 14px 8px; cursor: pointer; transition: all .18s; user-select: none;
}
.gender-opt input[type=radio] { display: none; }
.gender-opt.selected {
    border-color: #F4A0B0;
    background: rgba(244, 160, 176, .12);
}
.gender-icon { font-size: 2rem; }
.gender-lbl { font-size: .78rem; font-weight: 600; color: var(--auth-text, #4a3030); }